请说出 JavaScript无阻塞加载的具体方式。

类别：js / 日期：2022-09-29 / 浏览：231 / 评论：0

将脚本放在底部。

放在head中，以保证在 JavaScript代码加载前，能加载出正常显示的页面。

< script>标签放在前。

在阻塞脚本中，因为每个< script标签下载时都会阻塞页面的解析，所以限制页面的< script>总数也可以改善性能。它适用于内嵌脚本和外链脚本。

在非阻塞脚本中，等页面完成加载后，再加载 Javascript代码。也就是说，在window.onload事件发出后开始加载代码。

其中， defer属性支持lE4和 Fierfox3.5及更高版本的浏览器。通过动态脚本元素，文档对象模型(DOM)允许使用 JavaScript动态创建HTML的几乎全部文档内容，代码如下。

<script type="text/javascript">
    var script=document.createElement("script");
    script.type="text/javascript";
    script.src="file.js";
    document.getElementsByTagName("head")[0].appendchild(script);
</script>

此技术的重点在于，无论在何处启动下载，即使在head里，文件的下载和运行都不会阻塞其他页面的处理过程。