HTML script 腳本

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

HTML script 腳本基本語法
<script type="text/javascript">
...這裡寫 javascript 的內容 ...
</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 語法
<script type="text/javascript">
document.write('歡迎光臨 Wibibi');
</script>
以上範例輸出
歡迎光臨 Wibibi
這是一個很簡單的 JavaScript 標準寫法,由 <script type="text/javascript"> 開始,以及 </script> 結束,中間就可以寫需要的內容,開始標籤也可寫成 <script language="javascript">,範例中的語法是用 DOMdocument.write 寫出"歡迎光臨 Wibibi"字串。

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

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012
PHP Smarty MySQL JQuery Apache W3C