第十二章表單、其它對象的應用目標理解表單、其它對象的應用范圍。掌握表單、其它對象的應用技術。概述、專業術語表單最主要的應用是保存、處理、傳送數據，響應Web控件發生的事件。其它對象的應用。這些對象包括Navigator、History以及其它一些方法。術語詞匯表定義在此章節中使用的術語簡易計算器計算器的制作簡易計算器計算器的制作——設計界面<formname="sc"> <inputtype="text"name="box"size=15><br> <inputtype="button"value="7"> <inputtype="button"value="8"> <inputtype="button"value="9"><br> <inputtype="button"value="4"> <inputtype="button"value="5"> <inputtype="button"value="6"><br> <inputtype="button"value="1"> <inputtype="button"value="2"> <inputtype="button"value="3"><br> <inputtype="button"value="0"> <inputtype="button"value="+"> <inputtype="button"value="-"><br> <inputtype="button"value="*"> <inputtype="button"value="/"> <inputtype="button"value="="></form>簡易計算器計算器的制作——編寫js處理函數<scriptlanguage="JavaScript">varst=0;//用于記錄計算結果

varopertr;//用于保存運算符

//根據傳入的參數的不同進行不同的處理

functioncount(t){ //代碼

}

//運算,將結果保存在變量st中

functionoper(){ //代碼

}</script>簡易計算器計算器的制作——給界面按鈕添加事件處理<formname="sc"> <inputtype="text"name="box"size=15><br> <inputtype="button"value="7"onClick="count(7)"> <inputtype="button"value="8"onClick="count(8)"> <inputtype="button"value="9"onClick="count(9)"><br> <inputtype="button"value="4"onClick="count(4)"> <inputtype="button"value="5"onClick="count(5)"> <inputtype="button"value="6"onClick="count(6)"><br> <inputtype="button"value="1"onClick="count(1)"> <inputtype="button"value="2"onClick="count(2)"> <inputtype="button"value="3"onClick="count(3)"><br> <inputtype="button"value="0"onClick="count(0)"> <inputtype="button"value="+"onClick="count(‘+’)"> <inputtype="button"value="-"onClick="count(‘-’)"><br> <inputtype="button"value="*"onClick="count(‘*’)"> <inputtype="button"value="/"onClick="count(‘/’)"> <inputtype="button"value="="onClick="count(‘=‘)"></form>簡易計算器計算器的制作——運行導航欄水平導航下拉菜單欄的制作導航欄制作主要分為三大部分：HTML部分、CSS部分和JavaScript部分。下面我們首先看一下它的html部分。示例代碼12-2效果如下導航欄接下來我們編寫相關的JavaScript函數示例代碼見課本12-3效果如下導航欄functionsetMouseActions(node){ node.onMouseOver=function() //當鼠標懸浮在此節點上時觸發鼠標懸浮事件調用function()函數

//function()是匿名函數標識

{this.getElementsByTagName("ul")[0].style.display="block"; //顯示此li節點下的第一個ul標簽內容} node.onMouseOut=function() //當鼠標移開此節點時觸發onMouseOut事件調用function()函數

{this.getElementsByTagName("ul")[0].style.display="none"; //隱藏此li節點下的第一個ul標簽內容}}級聯效果在網頁中實現級聯效果請看相關的代碼部分見課本12-3效果如下總結本章介紹了對象的綜合應用。通過本章的學習，可以使大家掌握JavaScript通過表單等對象來處理數據、控制輸入以及實現網站