美文网首页
搜集总结

搜集总结

作者: 有个水友 | 来源:发表于2017-01-11 18:48 被阅读1次

1 window.open(url)在新建窗口中打开页面。

2 window.onload用法

JavaScript脚本通常要在文档加载完毕(至少完成DOM树构建:window.ready监听DOM树的构建)后才能去执行,否则可能出现无法获取对象的情况

  • 方法1: 使用window.onload监听页面加载完成事件,而后执行脚本:
window.onlaod = function() {
  //执行的脚本
}
  • 方法2: 将JavaScript代码卸载</body>之前:(推荐使用
    HTML解析到</body>时已经完成所有资源的加载,此时执行脚本不会有问题。
  • HTML的解析过程
    HTTP协议(可以)通过GZIP格式传输数据。首先,下载HTML文档,在内存中将HTML代码转化为DOM Tree;然后,然后浏览器根据DOM Tree上的Node分析CSSsandbox model)和Images所以CSS和Images下载是并行的其次,JavaScript文档单独下载,因为JavaScript代码可能影响DOM Tree的结构; 最后,浏览器完成页面渲染,形成最终的“呈现树”(Render Tree or Frame Tree

小结:

  • 如果引入外部js文件的script标签在<head>...</head>标签中,需要使用window.onload监听页面加载完成事件,再执行js代码,否则会堵塞页面的加载;
  • 如果引入外部js文件的script标签在</body>之前,则无需写window.onload

相关文章

网友评论

      本文标题:搜集总结

      本文链接:https://www.haomeiwen.com/subject/rdelbttx.html