javascript defer

最新推荐文章于 2024-04-22 14:45:19 发布

最新推荐文章于 2024-04-22 14:45:19 发布 · 156 阅读

文章标签：

#javascript #ViewUI

本文深入探讨了JavaScript中`<script>`标签的`defer`属性及其对脚本加载顺序的影响。通过实例展示，解释了`defer`脚本如何在页面完全加载后再执行，与常规`<script>`脚本相比的异步执行特性。同时，揭示了不同浏览器环境下`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.