您的位置：首页 > Web前端 > javascript > 正文

延迟加载js文件

更多 时间：2015-5-5 类别：Web前端 浏览量：532

延迟加载js文件

延迟加载js文件

为了加快网站的打开速度，我们可以在web页面完全加载后，再加载外部js文件。

 

延迟加载JavaScript的方法

等整个文档加载完后，再加载外部文件 "default.js"

 

  •  
  • HTML 代码   复制
  •  

<script type="text/javascript">

function downloadJSAtOnload() {

var element = document.createElement("script");

element.src = "default.js";

document.body.appendChild(element);

}

if (window.addEventListener)

window.addEventListener("load", downloadJSAtOnload, false);

else if (window.attachEvent)

window.attachEvent("onload", downloadJSAtOnload);

else window.onload = downloadJSAtOnload;

</script>

    •  

    说明

    1、复制上面代码、粘贴到HTML的</body>标签前 (靠近HTML文件底部)，修改“default.js”为你的外部JS文件名

    2、不应该把那些页面正常加载需要依赖的javascript代码放在这里。

    3、将JavaScript代码分成两组

    一组是因页面需要而立即加载的javascript代码，另外一组是在页面加载后进行操作的javascript代码(例如添加click事件或其他东西)。这些需等到页面加载后再执行的JavaScript代码，应放在一个外部文件，然后再引进来。

     

    标签：延迟加载
  • 上一篇：在网页中嵌入视频
  • 下一篇：nvarchar(max)
    • 您可能感兴趣
    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利