搜集总结

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容