javascript defer

最新推荐文章于 2018-07-05 14:47:39 发布

最新推荐文章于 2018-07-05 14:47:39 发布 · 69 阅读

文章标签：

#javascript #ViewUI

本文详细解释了如何利用<script>标签的defer属性在网页加载过程中延迟执行JavaScript代码，探讨了不同浏览器环境下脚本执行顺序的区别，并通过示例展示了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.