【導(dǎo)讀】<inputtype="text"name="fname"onChange="convertField(this)"size="20"/>. <inputtype="text"name="lname"onChange="convertField(this)"size="20"/>. <inputtype="checkBox"name="convertUpper"onClick="if(){convert. <inputtype="button"onclick="showURL()"value="ShowURL">. </h1>. alert(+"elements!")

　　

【正文】 ) ( + /p) (pBrowser39。39。s user agent header: ) ( + /p) /script /body /html 最詳細(xì) 的瀏覽器的信息 html body script type=text/javascript var x = navigator (CodeName= + ) (br /) (MinorVersion= + ) (br /) (Name= + ) (br /) (Version= + ) (br /) (CookieEnabled= + ) (br /) (CPUClass= + ) (br /) (OnLine= + ) (br /) (Platform= + ) (br /) (UA= + ) (br /) (BrowserLanguage= + ) (br /) (SystemLanguage= + ) (br /) (UserLanguage= + ) /script /body /html 按瀏覽器不同實(shí)現(xiàn)導(dǎo)航 html head script type=text/javascript function redirectme() { bname= if ((Netscape)!=1) { = return } if ((Microsoft)!=1) { = return } = } /script /head body onload=redirectme() /body /html 檢測瀏覽器的版本 html head script type=text/javascript function browserversion() { txt=Your browser is unknown browser= if ((2.)1) { txt=Your browser is from the stoneage! } if ((3.)1) { txt=You should update your browser! } if ((4.)1) { txt=Your browser is good enough! } (message).innerHTML=txt } /script /head body onload=browserversion() span id=message/span /body /html 選擇對象 設(shè)置下拉列表的可用性 html head script type=text/javascript function makeDisable() { var x=(mySelect) =true } function makeEnable() { var x=(mySelect) =false } /script /head body form select id=mySelect optionApple/option optionBanana/option optionOrange/option /select input type=button onclick=makeDisable() value=Disable list input type=button onclick=makeEnable() value=Enable list /form /body /html 返回下拉列表中選擇的項(xiàng)的值 html head script type=text/javascript function formAction() { var x=(mySelect) alert() } /script /head body form select id=mySelect optionApple/option optionBanana/option optionOrange/option /select input type=button onclick=formAction() value=How many options in the list? /form /body /html 改變下拉列表的大小 html head script type=text/javascript function formAction() { var x=(mySelect) =3 } /script /head body form select name=mySelect optionApple/option optionBanana/option optionOrange/option optionMelon/option /select input type=button onclick=formAction() value=Change size of list /form /body /html 列表可選擇多項(xiàng) html head script type=text/javascript function formAction() { var x=(mySelect) =true } /script /head body p Before you click on the Select multiple button, try to select more than one option (by holding down the shift or Ctrl key). Click on the Select multiple button and try again. /p form select name=mySelect size=3 optionApple/option optionBanana/option optionOrange/option /select input type=button onclick=formAction() value=Select multiple /form /body /html 返回所選列表的文本值 html head script type=text/javascript function getText() { var x=(mySelect) alert([].text) } /script /head body form Select your favorite fruit: select id=mySelect optionApple/option optionOrange/option optionPineapple/option optionBanana/option /select br /br / input type=button onclick=getText() value=Show text of selected fruit /form /body /html 刪除列表的項(xiàng)目 html head script type=text/javascript function formAction() { var x=(mySelect) () } /script /head body form select name=mySelect optionApple/option optionBanana/option optionOrange/option /select input type=button onclick=formAction() value=Remove option /form /body /html 顯示屏幕的信息 html body script type=text/javascript (Screen resolution: ) ( + * + ) (br /) (Available view area: ) ( + * + ) (br /) (Color depth: ) () (br /) /script /body /html 表格對象 改變表格的邊框 html head script type=text/javascript function changeBorder() { (39。39。myTable39。39。).border=10 } /script /head body table border=1 id=myTable tr td100/td td200/td /tr tr td300/td td400/td /tr /table form input type=button onclick=changeBorder() value=Change Border /form /body /html 改變表格的間距 html head script type=text/javascript function padding() { (39。39。myTable39。39。).cellPadding=15 } function spacing() { (39。39。myTable39。39。).cellSpacing=15 } /script /head body table id=myTable border=1 tr td100/td td200/td /tr tr td300/td td400/td /tr /table form