zoukankan      html  css  js  c++  java
  • JavaScript无阻塞加载具体方式

    将脚本放在底部。还是放在head中,用以保证在js加载前,能加载出正常显示的页面。<script>标签放在

    成组脚本:由于每个<script>标签下载时阻塞页面解析过程,所以限制页面的<script>总数也可以改善性能。适用于内联脚本和外部脚本。

    非阻塞脚本:等页面完成加载后,再加载js代码。也就是,在window.onload事件发出后开始下载代码

    (1)defer属性:支持IE4fierfox3.5更高版本浏览器

    (2)动态脚本元素:文档对象模型(DOM)允许你使用js动态创建HTML的几乎全部文档内容。代码如下:

      <script>

        var script=document.createElement(“script”)

        vcript.type=”text/javascript”

        script.src=”file.js”

        document.getElementsByTagName(“head”)[0].

        appendChild(script)

      </script>

    此技术的重点在于:无论在何处启动下载,文件下载和运行都不会阻塞其他页面处理过程。即使在head里(除了用于下载文件的http链接)

  • 相关阅读:
    Design Patterns
    Interview
    ListView Optimization
    android onclick onLongClick ontouch dispatchTouchEvent onInterceptTouchEvent
    java hashcode equals
    Android res/raw vs assets
    HttpClient -- 血的教训
    How Android Draws Views
    元数据 metadata
    Git-2
  • 原文地址:https://www.cnblogs.com/sunyang-001/p/10792914.html
Copyright © 2011-2022 走看看