本文深入探讨了JavaScript中`<script>`标签的`defer`属性及其对脚本加载顺序的影响。通过示例演示了如何确保脚本在页面加载完成后再执行，解释了不同浏览器环境下`defer`属性的行为差异，并提供了实际应用中的注意事项。
javascript 一般是加载完后立即执行，但是有些时候并不想立即执行，而是等到页面装载完毕时再执行，怎么实现这样的需求呢？
答案就是使用<script> 标签的defer属性，见下例：
<html>
<head>
<title>Script Defer Example</title>
</head>
<body>
<script defer>
alert("defer");
</script>
<script>
alert("script");
</script>
<script>
//defer 在onload之后执行
//在IE中,则是defer在onload之前执行
window.onload = function(){
alert("load");
};
</script>
</body>
</html>
alert显示顺序依次为script, defer,load.
(需要说明的是:如果在FrontPage里，显示顺序为script,load,defer.)
如果没有defer关键字，则显示顺序为：defer,script ,onload.
扫一扫
897
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
