HTML script 腳本

HTML script 中文也稱為腳本，是 HTML 用來加入其他 script 的一種方式，常見到的如 JavaScript 或 VBScript 這兩種，標準的 HTML script 腳本宣告寫法必須包含一個起始標籤以及結束標籤，以在 HTML Code 加入 JavaScript 為例，可用 <script type="text/javascript"> 開頭，以及 </script> 結尾，幾乎所有主流的瀏覽器都支援 HTML script 腳本的功能，但如果瀏覽者將瀏覽器的 JavaScript 關閉，則無法使用。另外要注意的是，每個 script 在不同的瀏覽器可能會有不同的呈現效果，端看瀏覽器的支援程度，設計師通常需要將測試版在多個瀏覽器上做測試。

HTML script 腳本基本語法

基本語法是以 javascript 為例，HTML 腳本還有用來宣告其他 script 種類的寫法，例如 text/ecmascript、application/ecmascript、application/javascript、text/vbscript，以下為常用腳本屬性表。

HTML script 腳本屬性

屬性	屬性值與說明
type	用來指定腳本的類型，語法如 <script type="text/javascript">。
src	設定嵌入的外部 script 檔案連結。
charset	用來設定嵌入的外部 script 檔案編碼方式。
language	語法如 <script language="javascript">，功能與 type 類似，建議使用 type 即可。
defer	並非所有流覽器都支援 defer 屬性。

HTML script 腳本範例一、寫入 JavaScript 語法

以上範例輸出

歡迎光臨 Wibibi

這是一個很簡單的 JavaScript 標準寫法，由 <script type="text/javascript"> 開始，以及 </script> 結束，中間就可以寫需要的內容，開始標籤也可寫成 <script language="javascript">，範例中的語法是用 DOM 的 document.write 寫出＂歡迎光臨 Wibibi＂字串。

HTML script 腳本範例二、嵌入一段 JavaScript 語法

以上範例輸出

歡迎光臨 Wibibi

如果我們的 script 是另外寫成一份檔案，在不同的網頁嵌入使用，可必須使用 scr 屬性來嵌入，例如將範例一另外存成 test.js 檔案並放在網頁根目錄底下，在範例二中使用 scr 屬性將其嵌入，就能夠在範例二的檔案中，顯示出範例一個輸出文字內容，這樣的技巧也是許多大型網站採用的手法，優點是管理 script 更加有效率，在此範例中我們還特別加入 charset 屬性，將嵌入的 script 檔案編碼設定為 UTF-8 萬國碼，建議設計師在規劃整體網頁編碼時，都使用相同的編碼，以免造成 not work 的情況。

延伸閱讀

HTML noscript