Javascript應(yīng)用舉例.docx

父框架重定向window.parent.location.reload()1.文本框焦點(diǎn)問(wèn)題onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件Onselect:當(dāng)文字加亮后，產(chǎn)生該文件點(diǎn)擊時(shí)文字消失，失去焦點(diǎn)時(shí)文字再出現(xiàn)2.網(wǎng)頁(yè)按鈕的特殊顏色3.鼠標(biāo)移入移出時(shí)顏色變化4.平面按鈕5.按鈕顏色變化6.平面輸入框7.使窗口變成指定的大小window.resizeTo(300,283);8.使文字上下滾動(dòng)共和國(guó) 9.狀態(tài)欄顯示該頁(yè)狀態(tài)10.可以點(diǎn)擊文字實(shí)現(xiàn)radio選項(xiàng)的選定     情侶 : 一次注冊(cè)兩個(gè)帳戶 11.可以在文字域的font寫(xiě)onclick事件12.打印打印網(wǎng)頁(yè)13.線型輸入框14.顯示文檔最后修改日期function hi(str) document.write(document.lastModified) alert(hi+str+!)15.可以在鼠標(biāo)移到文字上時(shí)就觸發(fā)事件!- Hiding function hello() alert(哈羅!); link16.可以根據(jù)網(wǎng)頁(yè)上的選項(xiàng)來(lái)確定頁(yè)面顏色 background.htmlChanging Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.將按鈕的特征改變本例按鈕的代碼如下：18.改變按鈕的圖片.本例的按鈕代碼如下：19.打印頁(yè)面打印本稿20.可以直接寫(xiě)html語(yǔ)言document.write();21.改變下拉框的顏色22.轉(zhuǎn)至目標(biāo)URLwindow.location=/lxs5i5j/archive/2007/01/22/http:/guoguo23.傳遞該object的formUpdateSN(guoqiang99267,this.form)function UpdateSN(strValue,strForm) strForm.SignInName.value = strValue; return false;24.文字標(biāo)簽guoqiang9985925.layer2為組件的ID，可以控制組件是否可見(jiàn)document.all.item(Layer2).style.display = block;document.all.item(Layer2).style.display = none;/26.將頁(yè)面加入favorite中/27.過(guò)10秒自動(dòng)關(guān)閉頁(yè)面function closeit() setTimeout(self.close()，10000)28.可以比較字符的大小char=post.charAt(i);if(!(0=char&char=9)29.將字符轉(zhuǎn)化為數(shù)字month = parseInt(char)30.點(diǎn)擊value非空的選項(xiàng)時(shí)轉(zhuǎn)向指定連接 主辦單位 - 北京日?qǐng)?bào) 北京晚報(bào)31.改變背景顏色32.改變文字輸入框的背景顏色.input2 background-image: url(./images/inputbg.gif); font-size: 12px; background-color:#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px33.改變水平線的特征34.傳遞參數(shù)的方式835.頁(yè)內(nèi)跳轉(zhuǎn)1234567dfdfdfdf/36.兩個(gè)按鍵一起按下if(event.ctrlKey & window.event.keyCode=13)/37.刷新頁(yè)面javascript:this.location.reload()/38.將網(wǎng)頁(yè)的按鈕使能function haha() for(var i=0;idocument.form1.elements.length;i+) if(.indexOf(bb)!=-1) document.form1.elementsi.disabled=!document.form1.elementsi.disabled; 39.文字移動(dòng)40.雙擊網(wǎng)頁(yè)自動(dòng)跑var currentpos,timer;function initialize() timer=setInterval(scrollwindow(),1);function sc() clearInterval(timer);function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc();document.onmousedown=scdocument.ondblclick=initialize/41.后退42.前進(jìn)43.刷新44.轉(zhuǎn)向指定網(wǎng)頁(yè)document.location=/lxs5i5j/archive/2007/01/22/http:/ww或者document.location.assign(/lxs5i5j/archive/2007/01/22/)45.在網(wǎng)頁(yè)上顯示實(shí)時(shí)時(shí)間var clock_id;window.onload=function() clock_id=setInterval(document.form1.txtclock.value=(new Date);,1000)/46.可以下載文件document.location.href=目標(biāo)文件/47.連接數(shù)據(jù)庫(kù)import java.sql.*;String myDBDriver=sun.jdbc.odbc.JdbcOdbcDriver;Class.forName(myDBDriver);Connection conn=DriverManager.getConnection(jdbc:odbc:firm,username,password);Statement stmt=conn.createStatement();ResultSet rs=stmt.executeQuery(sql);rs.getString(column1);/48.可以直接在頁(yè)面“div”內(nèi)寫(xiě)下所需內(nèi)容INPUT TYPE=button onclick=a1.innerHTML=*/49.可以改變頁(yè)面上的連接的格式，使其為雙線A:link text-decoration: none; color:#0000FF; font-family: 宋體A:visited text-decoration: none; color: #0000FF; font-family: 宋體A:hover text-decoration: underline overline; color: FF0000A:link text-decoration: none; color:#0000FF; font-family: 宋體A:visited text-decoration: none; color: #0000FF; font-family: 宋體A:hover text-decoration: underline overline line-through; color: FF0000THFONT-SIZE: 9ptTDFONT-SIZE: 9ptbody SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;SCROLLBAR-TRACK-COLOR: #e7e7e7;INPUTBORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:9pt; BORDER-LEFT-COLOR: #cccccc;BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #ccccccDIV,form ,OPTION,P,TD,BRFONT-FAMILY: 宋體; FONT-SIZE: 9pttextarea, select border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋體;font-size: 9pt; font-style: bold;.text font-family: 宋體; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px1px 1px完整的css50.新建frame51.向文件中寫(xiě)內(nèi)容52.先讀文件再寫(xiě)文件eryrytry53.直線型輸入框54.可以將背景改為按鈕性狀，通過(guò)改變css改變屬性錄音筆.mouseoverbt background-image: url(file:/c|/ 85.當(dāng)前屏幕的分辨率screen.width、screen.height/86.設(shè)置表格中的內(nèi)容tbl.rows0.cells1.innerText=document.form.text1.value;/ 87.本地快捷鍵網(wǎng)上鄰居我的電腦我的文檔回收站控制面板撥號(hào)網(wǎng)絡(luò)(windows 2000) 88.IE菜單0/改變按鈕上的圖片 /創(chuàng)建新連接 /打印/另存為htm/另存為txtdocument.execCommand(SaveAs)/保存為document.execCommand(undo)/撤銷上一次操作89.web對(duì)話框var contents=body,tdfont:menuimgcursor:hand;contents+=你要關(guān)閉我嗎;contents+=;contents+=;contents+=;contents+=你要關(guān)閉我嗎？;contents+=;contents+=;contents+=;showModalDialog(about:+contents+,dialogHeight:50px;dialogWidth:250px;help:no;status:no)document.write(contents);/90.取第x,y的值/91.向新打開(kāi)的網(wǎng)頁(yè)上寫(xiě)內(nèi)容newwin=window.open(about:blank,top=10);newwin.document.write();/93.返回javascript:history.go(-2);/94.將頁(yè)面上選中的內(nèi)容復(fù)制到剪貼板abcdefg/95.將頁(yè)面上選中的內(nèi)容復(fù)制到剪貼板kjhkjhkhkj/96.鼠標(biāo)移到下拉框時(shí)自動(dòng)全部打開(kāi)/97.獲得本機(jī)的文件var fso = new ActiveXObject(Scripting.FileSystemObject);var f1 = fso.GetFile(C:/bsitcdata/ejbhome.xml);alert(File last modified: + f1.DateLastModified); /98.判斷客戶端是否是IE瀏覽器因?yàn)?document.all 是 IE 的特有屬性，所以通常用這個(gè)方法來(lái)判斷客戶端是否是IE瀏覽器 ,document.all?1:0;99.創(chuàng)建新的下拉框選項(xiàng)new Option(text,value)這樣的函數(shù)/100.在頁(yè)面上畫(huà)柱狀圖tdfont-size:12pxbodyfont-size:12pxv/:*behavior:url(#default#VML); /這里聲明了v作為VML公用變量mathstr=12;document.write ( %+mathstr+4人)%124人%124人/ 101.餅圖v/:* behavior: url(#default#VML) o/:* behavior: url(#default#VML) .shape behav