欢迎来到博客园~~~

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链接)

posted @ 2019-04-29 21:10  孙~洋  阅读(208)  评论(0编辑  收藏  举报