HTML5特性：使用async属性异步加载执行JavaScript

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 属性的浏览器有哪些？

引用Safari博客上的话：

async 太有用了！

看到各浏览器实现

async

功能着实让我非常高兴。浏览器网站页面时被JavaScript卡住的确是个很大的问题，

async

属性的异步加载、执行能力一定会让网站的页面速度增色不少。