作者：吳劉平 文章來(lái)源：本站原創(chuàng ) 點(diǎn)擊數：1042 更新時(shí)間：2006-6-19
大家好，歡迎如期來(lái)學(xué)習網(wǎng)頁(yè)編程學(xué)習！
上次課學(xué)習了標簽代碼的“屬性”，這一節我們來(lái)學(xué)習一下“操作”（也稱(chēng)方法）。
“屬性”和“操作”是面向對象編程首先要理解好的概念（不理解的話(huà)，恐怕再學(xué)下去你會(huì )糊里糊涂的喲……），屬性是從狀態(tài)方面來(lái)描述對象的特征，通俗點(diǎn)來(lái)說(shuō)就是說(shuō)明對象是個(gè)什么樣的，而操作則是從動(dòng)作方面來(lái)描述對象的特征，從對象外部來(lái)看，就是說(shuō)明對象可以做什么的。
還是結合實(shí)例來(lái)說(shuō)一下吧。
例如：我們可以把人當成一個(gè)對象，身高、體重說(shuō)明人這個(gè)對象是什么樣的，而吃飯、睡覺(jué)說(shuō)明的是人這個(gè)對象可以做什么，……這樣一比，大家應該就明白了。
操作依靠函數（注意，這里的函數可不是數學(xué)上的函數，現在大家可以認為它是一段代碼的集合這樣來(lái)理解）來(lái)實(shí)現，所以學(xué)習“操作”，實(shí)際上就轉化成了學(xué)習“函數”了。
下面給出一個(gè)代碼事例來(lái)解說(shuō)一下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<script language="javascript">
function showmessage()
{
alert("輕點(diǎn)，不然會(huì )把我點(diǎn)疼的！");
}
</script>
<body>
<input type="button" value="點(diǎn)擊我" onclick="showmessage()">
</body>
</html>
大家可以把以上的代碼復制到FrontPage的html代碼中，然后預覽中看一下，是不是有一個(gè)按鈕（按鈕上顯示有"點(diǎn)擊我"），然后點(diǎn)一下按鈕，這時(shí)會(huì )彈出一個(gè)對話(huà)框，顯示“輕點(diǎn)，不然會(huì )把我點(diǎn)疼的！”的提示。
在這個(gè)頁(yè)面中，只有"點(diǎn)擊我"這個(gè)按鈕對象，這個(gè)對象它有一個(gè)操作，這個(gè)操作就是如果我們用鼠標點(diǎn)擊它，它就會(huì )作出反應——向我們顯示一個(gè)彈出對話(huà)框提示信息。
這個(gè)對象的操作實(shí)現上是依靠函數“showmessage()"函數來(lái)實(shí)現，所以我們重點(diǎn)要學(xué)習一下函數的有關(guān)知識。
下面來(lái)分析一下代碼：
首先看一下<input ……>標簽，其中的onclick="showmessage()"是對按鈕對象的操作定義，它表示當按鈕被點(diǎn)擊時(shí)，按鈕要完成一個(gè)操作，這個(gè)操作由showmessage()函數來(lái)完成。注意，onclick不能亂寫(xiě)，它表示事件名稱(chēng)，所謂事件是指用戶(hù)或其它外界環(huán)境向對象實(shí)施的動(dòng)作，這里的onclick指鼠標點(diǎn)擊這一事件，另外還有鼠標移動(dòng)、鼠標拖動(dòng)、左鍵按下或釋放、右鍵按下或釋放……大家可以查閱其他相關(guān)資料進(jìn)一步了解。
函數代碼
<script language="javascript">
function showmessage()
{
alert("輕點(diǎn)，不然會(huì )把我點(diǎn)疼的！");
}
</script>
可以看到，函數代碼被包含到了<script language="javascript"></script>中，大家可以先不管這個(gè)<script>是什么東西，你只要記住，今后在編寫(xiě)函數時(shí)放到這里來(lái)就行了。
function showmessage()
{
alert("輕點(diǎn)，不然會(huì )把我點(diǎn)疼的！");
}
是我們關(guān)心的核心問(wèn)題了，function是關(guān)鍵字，每個(gè)函數的開(kāi)頭都要這樣寫(xiě)，showmessage是函數名，()是構成函數所必須的組成部分，在()之間我們可以加一些其它東西（作為入門(mén)教程，就不深入了），由{……}所組成的部分是執行命令的場(chǎng)所了，在這里，這個(gè)函數僅僅只執行一條命令——就是向用戶(hù)顯示一個(gè)彈出對話(huà)框。
函數體里的東西才是我們編程的代碼，那么在函數體中的代碼該怎么寫(xiě)呢？如果你能回答這個(gè)問(wèn)題，那么你就就是程序員了，哈哈，期待你能早日能回答這個(gè)問(wèn)題：）
下面總結一下標簽代碼中的“操作”，先要對操作進(jìn)行定義（用“事件名=函數”這樣的格式），然后在<script……></script>代碼中編寫(xiě)完成操作任務(wù)的函數。與“屬性”相比，“操作”相對要復雜一些，而且我們對網(wǎng)頁(yè)的編程，更多程度上是編寫(xiě)函數，在函數中實(shí)現對網(wǎng)頁(yè)的控制。
好了，我已經(jīng)教大家學(xué)習了html代碼的基礎知識了，現在只能說(shuō)已經(jīng)把大家帶到了編程的大門(mén)口了，并且通過(guò)例子讓大家初步感受到了使用編程，我們可以更加自由地控制我們的網(wǎng)頁(yè)。下次課我們將開(kāi)始在<script></script>中編寫(xiě)程序代碼，那才是我們真正的編程……
最后，還是給出一些代碼，大家課后可以去練習，插入到例子中的函數代碼，在預覽中點(diǎn)擊“點(diǎn)擊我”按鈕，觀(guān)看一下不同的代碼都有什么功能。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<script language=javascript>
function showmessage()
{
alert("輕點(diǎn)，不然會(huì )把我點(diǎn)疼的！"); //彈出顯示信息對話(huà)框
window.prompt("請輸入姓名","王江"); //彈出輸入信息對話(huà)框
window.open("","_blank","menubar=no,toolbar=no"); //打開(kāi)新網(wǎng)頁(yè)（無(wú)菜單、工具欄……），常用于顯示廣告
document.bgColor="#454323"; //修改網(wǎng)頁(yè)的背景
t.value="文字變了"; //修改網(wǎng)頁(yè)輸入文字框中的內容，這里用id值代表文字輸入框的引用
}
</script>
<body>
<input id="t" type="text" value="在這里輸入文字">
<input type="button" value="點(diǎn)擊我" onclick="showmessage()">
</body>
</html>
注意，以上代碼必須書(shū)寫(xiě)正確（錯一個(gè)標點(diǎn)符號或大小寫(xiě)互換都不行）
待續！
