html中關於javascript的<script>標籤詳解-html教學-PHP中文網

只要一提到把 JavaScript 放到網頁中，就得涉及Web的核心語言－HTML。在當初開發JavaScript的時候，Netscape要解決的一個重要問題就是如何做到讓JavaScript既能與HTML頁面共存，又不影響那些頁面在其他瀏覽器中的呈現效果。經過嘗試、糾錯和爭論，最終的決定就是為Web增加統一的腳本支援。而Web誕生早期的許多做法也都保留了下來，並正式納入HTML規範當中。

3f1c4e4b6b16bbbd69b2ee476dc4f83a元素 向HTML頁面中插入JavaScript的主要方法，就是使用3f1c4e4b6b16bbbd69b2ee476dc4f83a元素。這個元素是由Netscape創造並在Netscape Navigator2中先實作。後來，這個元素被加入到正式的HTML規範中。 HTML4.01為9c3432e646edf04aca4d277a50575ee9定義了下列6個 屬性 。

async：可選。表示應該立即下載腳本，但不應妨礙頁面中的其他操作，例如下載其他資源或等待載入其他腳本。只對外部腳本有效。

charset：可選。表示透過src屬性指定的程式碼的 字元集 。由於大多數瀏覽器會忽略它的值，因此這個屬性很少有人使用。

defer：可選。表示腳本可以延遲到文件完全被解析和顯示之後再執行。只對外部腳本有效。

language：已廢棄。

src：可選。表示包含要執行程式碼的外部檔案。

type：可選。可以看成是language的替代屬性；表示編寫程式碼使用的腳本語言的內容類型（也稱為MIME類型）。

使用3f1c4e4b6b16bbbd69b2ee476dc4f83a元素的方式有兩種：直接在頁面中嵌入JavaScript程式碼和包含外部JavaScript檔案。

在使用3f1c4e4b6b16bbbd69b2ee476dc4f83a元素嵌入JavaScript程式碼時，只需為3f1c4e4b6b16bbbd69b2ee476dc4f83a指定type屬性。然後，向下面這樣把javaScript程式碼直接放在元素內部即可：

function sayHi(){ alert("Hi!"); } 包含在3f1c4e4b6b16bbbd69b2ee476dc4f83a元素內部的JavaScript程式碼將依序解釋為上至下。就拿前面這個例子來說，解釋器會解釋一個 函數 的定義，然後將這個定義保存在自己的環境當中。當解釋器對3f1c4e4b6b16bbbd69b2ee476dc4f83a元素內部的所有程式碼求值完畢前，頁面中的其餘內容都不會被瀏覽器載入或顯示。

如果要透過3f1c4e4b6b16bbbd69b2ee476dc4f83a元素來包含外部JavaScript文件，那麼src屬性就是必需的。這個屬性的值是一個指向外部javascript檔案的鏈接，例如：

在这个例子中，外部文件example.js将被加载到当前页面中。外部文件只须包含通常要放在开始的3f1c4e4b6b16bbbd69b2ee476dc4f83a和结束的2cacc6d41bbb37262a98f745aa00fbf0中间的那些javascript代码即可。与解析嵌入式javascript代码一样，在解析外部javascript文件（包括下载该文件）时，页面的处理也会暂时停止。如果是在X HTML文档 中，也可以省略前面示例代码中结束的2cacc6d41bbb37262a98f745aa00fbf0标签，例如：

按照惯例，外部javascript文件带有.js扩展名。但这个扩展名不是必需的，因为浏览器不会检查包含javascript的文件的扩展名。这样一来，使用JSP、PHP或其他服务器端语言动态生成javascript代码也就成为了可能。但是，服务器通常还是需要看扩展名决定为响应应用哪种MIME类型。如果不适用.js扩展名，请确保服务器能反应会正确的MIME类型。