【正文】 target=windowName action=serverURL method=GET / POST onSubmit=handlerText ...... /form 128 form對象的屬性 ? name ? action 指定窗體被發(fā)往的服務器 URL ? elements[] form中內(nèi)含的 組件集合 ? method form提交方式（ POST， GET） ? target form結(jié)果顯示的窗口名稱 129 form方法 /事件 Methods ? submit ? reset Event ? onSubmit ? onReset 130 form對象的指定 form對象的指定 [0] form中表單元素的指定 [0].elements[2] 131 form舉例 1） = 2） alert() 3） =if badFormData() {return false。} else {return true。} 4)if () { =form2Name。} else {=form3Name。} //target 只有在多框架的情況下才有意義 132 另外一種確定元素對象的方法 引發(fā)事件的元素對象 133 button name value [0].elements[0].name= objectName document. forms[0].= buttonText“ 134 htmlheadtitleBUTTON/title/head script language=javascript function hey() { var o=event. srcElement。 if (= =open) =close。 else =open } /scriptbody試試看，單擊按鈕 form input type=button name=aaa value=open onClick=hey() /form /body/html 135 text/password name value size [0].elements[2].name= objectName document. forms[0].= textValue document. forms[0].= 15 136 checkbox / radio name value checked [0].elements[1].name= objectName document. forms[0].= Text document. forms[0]. 137 htmlheadtitleCHECKBOX/title/head script language=javascript function mystatus() { if () alert(選中 )。 Else aler(沒選中 )。 } /script /head body form name=form1 input type=checkbox name=theCheckbox onClick=mystatus() /form/body/html 138 htmlheadtitleRADIO/title/head body form name=game input type=text name=txtOutput size=15 石頭： input type=radio name=choice onClick==‘石頭’ 剪刀： input type=radio name=choice onClick==‘剪刀’ 紙張： input type=radio name=choice onClick==‘紙張’ /form/body/html 139 select select name=objectName [size=value] [multiple] option [selected] value=xxx xxxx /optiont option [selected] value=xxx xxxx /optiont …… /select 140 例 select name=songs size=1 option value=liquidliquid/option option value=world apartworld apart/option …… option value=wonderwallwonderwall/option /select 141 Select options[] selectedIndex selected text value 142 select注意 ? size =1是組合框 。 size 1是列表框 ? multiple屬性：可選多列（按 Shift/Ctrl） ? 判斷被選項的值或文本 favrite= [ .].value/text options數(shù)組系統(tǒng)自動生成，數(shù)組元素與 option項對應 舉例 select1 143 select判斷多選列表值 用 options[i]和 selected屬性并對其進行判斷 if ( [i].selected ) 注意 : selectedIndex只返回被選擇的第一個選項 144 例 :列出所選的所有值 function showSelect (objectName) { var list=。 for (var i=0 。 i 。 i++) { if ( [i].selected) { list +=[i].text + p。 } } } 145 textarea textarea name=objectName rows=integer cols=integer textToDisplay /textarea ==textToDisplay 舉例 textarea 146 3 location對象 location對象記錄管理當前頁面的 URL 1）通過設(shè)置可以轉(zhuǎn)移到一個新的 URL 2） 提取 URL的特殊元素并使用它們 147 location對象需要掌握的屬性方法 ? hash 書簽部分 ? host 主機名 +端口 ? hostname 主機名 ? href 完整 URL ? pathname URL路徑 ? port 端口 ? protocol 協(xié)議 ? search URL查詢部分（以？開頭） ? reload() 刷新 ? replace(sURL) 重新裝入 148 location對象詳細和實例 ? 注意 :location可直接賦值 (==) 如： location= ? location對象詳細和實例 ? 舉例 149 4 history對象 history對象是一個存儲對象，記錄客戶訪問過的網(wǎng)頁 150 history對象需要掌握的屬性方法 ? length ? back () ? forward () ? go () 例 (3) 。 //后退 3步 ()。 //=(1) ()。 //=(1) ()。 舉例 136 136 151 5 navigator對象 包含瀏覽器總體信息 appName 瀏覽器簡單名稱 appVersion 瀏覽器版本號 userAgent 頭中的 useragent項，包含 appName 和 appVersion信息 152 確定瀏覽器的銷售商和版本號 ? 補充內(nèi)置函數(shù) parseInt(string),將 string轉(zhuǎn)換成數(shù)字 parseInt(abc) // Returns NaN. parseInt(12abc) // Returns 12. parseInt() //返回版本號 153 將 navigator屬性打印出來 var browser=browser information:\n。 for (var propname in navigator) { browser +=propname+: + navigator[propname]+\n。 } alert(browser)。 舉例 154 6 事件 ? 工作原理（冒泡） ? Event 對象 ? 事件的默認動作失效： return false （例外 onmouseover＝ =?xxx?。return true） 155 event對象 常用事件 ? window事件 ? document事件 ? form事件 ? 標記事件 156 event屬性 需要掌握的屬性 SrcElemen ReturnValue CancelBubble 舉例 showme 157 7 使用 cookie保存狀態(tài) 屬性 ? expires ? path ? domain ? secure 158 8 兼容性 ? 瀏覽器的兼容性 ? 語言的兼容性 ? 對老式瀏覽器隱藏腳本 159 瀏覽器的兼容性 if ((Netscape) != 1) amp。amp。 ((4) != 1) { ...... } 160 if (((MSIE 4) != 1) || ((MSIE 5) != 1)){ ....... } 舉例 161 語言的兼容性 script language=JavaScript if (ver) { (this page requires ) } /script script language= ...... /script 162 對老式瀏覽器隱藏腳本 script language=JavaScript ! 開 始隱藏 ...... //結(jié)束隱藏 /script noscript ...... /noscript