2012-12-08 33 views
0

我已閱讀了幾種將HTML嵌入到HTML文檔中的方法。 首先,在頭部分:我在哪裏應該在HTML中附加腳本?

<head> 
... 
<script src="abc.js"></script> 
</head> 

其次,在文檔的主體的末尾:

<body> 
<!-- content --> 
<script src="abc.js"></script> 
</body> 

第一種方式是更美觀,但第二個版本確保在DOM中的所有項目被加載。我使用HTML5(但可能並不重要)

哪種方式更好,爲什麼?

+2

這將取決於腳本! – adeneo

+0

腳本將修改DOM objcets,但不僅限於此。我們說jQuery庫。 –

+1

通常情況下,jQuery庫將包含在頭部,並且大多數人也會在頭部加載任何其他包含jQuery的文件,因爲document.ready確保沒有問題。就我個人而言,我經常在頁面底部使用一段JavaScript來動態加載腳本,但並非總是如此,而且它依賴於腳本。 – adeneo

回答

2

如果它只是一個函數庫,當頁面加載時不會運行,您可以放心地將它放在頭部。否則,你需要window.onload$(document).ready();包裹在abc.js代碼,然後將其嵌入的頭部

2

這取決於您何時需要腳本中的功能。 在頁面加載之前或其他。 如果無關緊要,那麼示例中的第二個更好,更安全,因爲它允許加載頁面內容。 腳本中的錯誤可能會阻止這種情況發生在body case之前。

+0

你通常在哪裏嵌入jQuery庫? –

+1

嗯,我通常會把它們放在頭上,但這不是你要做的理由。這取決於腳本代碼的作用 – kidwon

1

在很大程度上取決於當你需要的腳本,如果你需要的頁面完全加載或不執行的。你可以把它放在頭部,然後用onload事件執行一個函數。