JavaScript代碼放置位置

2012/11/27 17:53:49作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

一、JavaScript代碼放置位置

頁(yè)面中的腳本會(huì)在頁(yè)面載人瀏覽器后立即執(zhí)行。我們并不總希望這樣。有時(shí)，希望當(dāng)頁(yè)面載人時(shí)執(zhí)行腳本，而另外的時(shí)候，則希望當(dāng)用戶(hù)觸發(fā)事件時(shí)才執(zhí)行腳本。

二、位于head部分的腳本

當(dāng)腳本被調(diào)用時(shí)，或者當(dāng)事件被觸發(fā)時(shí)，腳本就會(huì)被執(zhí)行。當(dāng)把腳本放置到head部分后。就可以確保在需要使用腳本之前，它已經(jīng)被載入了。把樣式表放到文檔的<head>內(nèi)部會(huì)加快頁(yè)面的下載速度。這是因?yàn)榘褬邮奖矸诺?lt;head/>內(nèi)會(huì)使頁(yè)面有步驟的加載顯示。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
···
</script>
</head>
···

三、位于body部分的腳本

在頁(yè)面載入時(shí)腳本就會(huì)被執(zhí)行。當(dāng)把腳本放置于body部分后，它就會(huì)生成頁(yè)面的內(nèi)容。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<script type="text/javascript">
···
</script>
</body>
</head>
···

四、使用外部JavaScript

如果打算在多個(gè)頁(yè)面中使用同一個(gè)腳本，則最好將其放置在一個(gè)外部JavaScript文件中。在實(shí)際應(yīng)用中使用外部文件可以提高頁(yè)面速度，因?yàn)镴avaScript文件都能在瀏覽器中產(chǎn)生緩存。內(nèi)置在HTML文檔中的．JavaScript則會(huì)在每次請(qǐng)求中隨HTML文檔重新下載。這增加了HTML文檔的大小。