2、延遲腳本
HTML4.0為<script>標簽定義了defer的屬性。這個屬性的用途是表明腳本在執行時不會影響頁面的構造。也就是說,腳本會延遲到整個頁面都解析完畢后在執行。因此,在<script>元素中設置defer屬性(如下面的例子),實際上與上面介紹的把<script>元素放在頁面底部的效果是一樣的。
<html>
<head>
<title> New Document </title>
<script type="text/javascript" defer="defer" src="example1.js"></script>
<script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>
<!--這里放內容-->
</body>
</html>
這個例子中,雖然我們把<script>元素放在了文檔的<head>元素中,但其中包含的腳本將延遲到瀏覽器遇到</html>標簽后在執行。
不過,問題是并非所有瀏覽器都支持defer屬性,IE和firefox3.0是目前唯一支持defer屬性的主流瀏覽器。其他瀏覽器則會忽略這個屬性,不延遲腳本的執行