文稿語言(Script)

`script`元素

script元素 (script statements)，為head、body元素的子元素，使用於網頁中崁入文稿程式(script)。直接在script的元素內放入文稿程式、或者呼叫外部的文稿程式兩者皆可，但避免HTML、XHTML版本問題造成瀏覽器解析錯誤，建議採用後者的做法。

語法:: <script 屬性 = "屬性值"> 標籤內容~ < /script>
版本:: HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 ^*1)
內含元素:: script程式
屬性:: charset、defer、~~language~~、src、type屬性^*2)、通用屬性(id(限XHTML1.0)、xml:space)

Sample Code

 <div id="ScriptSample">
  <script type="text/javascript" src="../../../javascript/script_sample.js">
  </script>
 </div>

 -----------------------------------------------------------------------
 //script_sample.js檔的內容
 SampleName = new Array()
 SampleName[0] = "HTML用語辭典" 
 SampleName[1] = "CSS用語辭典" 
 SampleName[2] = "javascript用語辭典" 
 SampleURL = new Array()
 SampleURL[0] = "../html/web01.html"
 SampleURL[1] = "../css/web02.html"
 SampleURL[2] = "../javascript/web03.html"

 SampleText = "<ul>WEB標準開發用語辭典"
 for(x = 0;x < SampleName.length;x++){
 SampleText += "<li><a href='"+SampleURL[x]+"'>"+SampleName[x]+"</a></li>"
 }
 SampleText += "</ul>"
 document.getElementById("ScriptSample").innerHTML = SampleText
 //end
 -----------------------------------------------------------------------

Output

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)刪除線 → W3C非推薦屬性，建議是用CSS取代，粗體字 → 必要屬性，不可省略。

屬性	適用元素	屬性值	說明
charset	script	文字碼	指定script檔的文字碼，參照外部檔案時才有效。閱覽網頁者可以正確取得資訊，不會產生亂碼。例)UTF-8→萬國碼，Big5→繁體中文。
defer	script	defer	宣告在javascript沒有使用document.write等產生文件內容。如此一來，就會跳過在head元素記述的script程式碼，先執行body元素的內容，有助於提升文件產生速度。例)defer = "defer"。
language	script	script語言的版本	宣告現在使用script的版本，W3C非推薦元素，建議使用type屬性取代。在HTML4已廢除language，必須使用type屬性。一般沒有指定版本，UA環境也都可判斷，自動更新適合的版本。例)language= "javascript1.2"。
src	script	URI	指定外部的script檔(*.js)的所在位置URI。IE4.0、NN3.0以上對應
type	script	MIME Type	指定script檔的MIME Type。

`noscript`元素

noscript元素 (alternate content container for non script-based rendering)，為「區塊」元素，設定無法執行Script程式時顯示的內容。

語法:: <noscript 屬性 = "屬性值"> 標籤內容~ < /noscript>
版本:: HTML4.01(S,T,F) XHTML1.0(S,T,F) XHTML1.1 ^*1)
內含元素:: 「區塊」元素、「線內」元素(限T、F)、Text(限T、F)^*2)
屬性:: 通用屬性(class、dir、id、lang、style、title、xml:lang)、事件屬性

Sample Code

 <div id="ScriptSample">
  <script type="text/javascript" src="../../../javascript/script_sample.js">
  <noscript>
  <p>請選擇可以對應javascript的瀏覽器，或允取開啟javascript。</p>
  </noscript>
  </script>
 </div>

Output

請選擇可以對應javascript的瀏覽器，或允取開啟javascript。

*1)S → Strict DTD ，T → Transitional DTD，F → Frameset DTD。 *2)noscript元素在HTML4.01 strict, XHTML1.0 strict, XHTML1.1無法直接包含「線內」元素、Text，之前必須包含p、div等「區塊」元素。