美文网首页
搜集总结

搜集总结

作者: 有个水友 | 来源:发表于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