如何用async属性异步加载执行js的方法

如何用async属性异步加载执行js的方法？相信很多新手小白还没学会这个技能，通过这篇文章的总结，希望你能学会这个技能。以下资料是实现的步骤。

创新互联专业网站建设、网站设计，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文平台等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。

HTML5让我兴奋的一个最大的原因是，它里面实现的新功能和新特征都是我们长久以来一直期待的。比如，我以前一直在使用placeholders，但以前必须要用JavaScript实现。而HTML5里给JavaScript标记提供的async属性，使JavaScript能异步加载执行。之前我需要各种的JavaScript插件来实现这种功能，但现在这个新属性能让我们轻松的实现异步加载。

async – HTML代码

真的非常简单，就像下面这样：

<script async src="siteScript.js" onload="myInit()"></script>

事实上，如果你是个有严谨精神的程序员，你应该在你90%以上的SCRIPT标记上使用async属性。

defer – HTML代码

还有一个跟async属性相似的defer属性：

<script defer src="siteScript.js" onload="myInit()"></script>

跟async属性的在语法上非常相似。

async & defer – 不同之处

这篇WebKit博客将defer和async之间的不同之处解释的非常清楚：

浏览器对标记有async属性或defer属性的scripts会立即加载并解析，同时也会支持依赖于这个脚本进行初始化的onload事件。async属性和defer属性的不同之处在于何时执行这个脚本。标注有async属性的Script会在下载完成后即可执行，不需要等待window的load事件。这意味着标记有async属性的脚本并不一定会按在页面中嵌入的顺序执行。而标记有defer属性的脚本却一定会按它们在页面上的顺序依次执行。执行会在解析完全完成后开始，但会在document的DOMContentLoaded事件之前。

支持 async 和 defer 属性的浏览器有哪些？

引用Safari博客上的话：

WebKit引擎的浏览器(谷歌浏览器和Safari浏览器)。火狐浏览器从3.6版开始支持async 和 defer 属性。IE也很早就支持 defer 属性，但对async属性不支持，在IE9中支持onload属性。

async 太有用了！

看到各浏览器实现async功能着实让我非常高兴。浏览器网站页面时被JavaScript卡住的确是个很大的问题，async属性的异步加载、执行能力一定会让网站的页面速度增色不少。

看完这篇文章，你们学会用async属性异步加载执行js的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读。

分享文章：如何用async属性异步加载执行js的方法
转载来于：https://www.cdcxhl.com/article46/gdpdeg.html

成都网站建设公司_创新互联，为您提供企业建站、标签优化、网站策划、企业网站制作、网站内链、

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联