javascript程式碼放哪-js教程-PHP中文網

javascript程式碼的位置：1、放置於「」標籤對中，可以確保在需要使用腳本之前，js程式碼已經被載入了；2、放置於「」標籤對中；3、放置於「.js」的外部檔案中，用script標籤引入。

javascript程式碼放哪

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

在哪裡放置 JavaScript 程式碼？

通常情況下，JavaScript 程式碼是和 HTML 程式碼一起使用的，可以將 JavaScript 程式碼放置在 HTML 文件的任何地方。但放置的地方，會對 JavaScript 程式碼的正常執行會有一定影響，具體如下所述。

放在之間

#將JavaScript 程式碼放置於HTML 文件的標籤之間是一個通常的做法。由於HTML 文件是由瀏覽器從上到下依序載入的，將JavaScript 程式碼放置在標籤之間，可以確保在需要使用腳本之前，它已經被載入了：

<html>
<head>
<script type="text/javascript">
……
JavaScript 代码
……
</script>
</head>
....

登入後複製

放在之間

也有部分情況將JavaScript 程式碼放置在之間的。設想如下一種情況：我們有一段 JavaScript 程式碼需要操作 HTML 元素。但由於HTML 文件是由瀏覽器從上到下依序載入的，為避免JavaScript 程式碼操作HTML 元素時，HTML 元素還未載入而報錯（物件不存在），因此需要將這段程式碼寫入HTML 元素後面，例子如下：

<html>
<head>
</head>
<body>
</body>
<div id="div1"></div>
<script type="text/javascript">
document.getElementById("div1").innerHTML="测试文字";
</script>
</html>

登入後複製

但通常情況下，我們操作頁面元素一般都是透過事件來驅動的，所以上面這種情況並不多見。另外我們不建議將 JavaScript 程式碼寫到之外。

提示

如果HTML 文件宣告為XHTML ，<script></script> 標籤必須在CDATA 部分內聲明，否則XHTML 將會將標籤解析為另一個XML 標籤，裡面的JavaScript 程式碼可能不會正常執行。因此，在嚴格的 XHTML 中使用 JavaScript 應該像以下範例一樣聲明：

<html>
<head>
<script type="text/javascript">
<![CDATA[
JavaScript 代码
]]>
</script>
</head>
....

登入後複製

以上兩種將 JavaScript 程式碼寫到 HTML 文件中的方式，都是 HTML 文件內部引用 JavaScript 程式碼的方式。除了內部引用，還可以使用外部引用方式。

外部引用JavaScript 程式碼（放置在副檔名為「.js」的外部檔案中）

將JavaScript 程式碼（不包含

熱門教學

更多>

相關教學