程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

起始標籤	結束標籤
需要	需要

屬性	值	Deprecated or Obsolete
src	資源網址
type	text/javascript text/ecmascript application/javascript application/ecmascript
language	類似 type	Deprecated
defer	true false	（主流瀏覽器未建置）

腳本程式主要有 JavaScript 與 VBScript 兩種，應用較廣的是 JavaScript 。如下例，我們用 JavaScript 在 guessgame.html 中寫了個猜數字遊戲

<html>
<head>
<title>網頁標題</title>
<script language="JavaScript">
var a = (Math.random() * 10).toFixed();
function guess() {
    var g = document.getElementById("n1").value;
    var v = document.getElementById("n3");
    
    if (a == g) {
        v.innerHTML = "猜對囉！";
    }
    else {
        v.innerHTML = "猜錯咧...";
    }    
}
</script>
</head>
<body>
<input id="n1" type="text" name="input" value="" /> 
<input id="n2" type="button" name="button" value="猜測" 
 onclick="guess();" /> 
<br / ><br / >
<label id="n3">這裡顯示結果</label>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：guessgame.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

其中， language 屬性指定所用的腳本語言 (script language) 種類。

這個遊戲猜 10 以下的整數，利用瀏覽器 (broswer) 開啟如下圖

有關 JavaScript 程式的相關教學說明，請參考本站的 JavaScript 快速導覽及 HTML DOM 快速導覽。

也可以外連腳本程式的檔案，例如我們將猜數字遊戲的程式儲存到 guessgame.js

var a = (Math.random() * 10).toFixed();
function guess() {
    var g = document.getElementById("n1").value;
    var v = document.getElementById("n3");
    
    if (a == g) {
        v.innerHTML = "猜對囉！";
    }
    else {
        v.innerHTML = "猜錯咧...";
    }    
}

/* 《程式語言教學誌》的範例程式
    http://pydoing.blogspot.com/
    檔名：guessgame.js
    功能：示範 HTML 4.01 標記語言的使用 
    作者：張凱慶
    時間：西元 2011 年 5 月 */

然後將 guessgame.html 改成外連

<html>
<head>
<title>網頁標題</title>
<script language="JavaScript"  src="guessgame.js">
</script>
</head>
<body>
<input id="n1" type="text" name="input" value="" /> 
<input id="n2" type="button" name="button" value="猜測" 
 onclick="guess();" /> 
<br / ><br / >
<label id="n3">這裡顯示結果</label>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：guessgame2.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

網頁外觀、執行結果都會是一樣的