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

父框架重定向window.parent.location.reload()1.文本框焦點問題onBlur:當(dāng)失去輸入焦點后產(chǎn)生該事件onFocus:當(dāng)輸入獲得焦點后，產(chǎn)生該文件Onchange:當(dāng)文字值改變時，產(chǎn)生該事件Onselect:當(dāng)文字加亮后，產(chǎn)生該文件點擊時文字消失，失去焦點時文字再出現(xiàn)2.網(wǎng)頁按鈕的特殊顏色3.鼠標(biāo)移入移出時顏色變化4.平面按鈕5.按鈕顏色變化6.平面輸入框7.使窗口變成指定的大小window.resizeTo(300,283);8.使文字上下滾動共和國 9.狀態(tài)欄顯示該頁狀態(tài)10.可以點擊文字實現(xiàn)radio選項的選定     情侶 : 一次注冊兩個帳戶 11.可以在文字域的font寫onclick事件12.打印打印網(wǎng)頁13.線型輸入框14.顯示文檔最后修改日期function hi(str) document.write(document.lastModified) alert(hi+str+!)15.可以在鼠標(biāo)移到文字上時就觸發(fā)事件!- Hiding function hello() alert(哈羅!); link16.可以根據(jù)網(wǎng)頁上的選項來確定頁面顏色 background.htmlChanging Background Colors Red Orange Yellow Green Blue Indigo Violet White pink 17.將按鈕的特征改變本例按鈕的代碼如下：18.改變按鈕的圖片.本例的按鈕代碼如下：19.打印頁面打印本稿20.可以直接寫html語言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，可以控制組件是否可見document.all.item(Layer2).style.display = block;document.all.item(Layer2).style.display = none;/26.將頁面加入favorite中/27.過10秒自動關(guān)閉頁面function closeit() setTimeout(self.close()，10000)28.可以比較字符的大小char=post.charAt(i);if(!(0=char&char=9)29.將字符轉(zhuǎn)化為數(shù)字month = parseInt(char)30.點擊value非空的選項時轉(zhuǎn)向指定連接 主辦單位 - 北京日報 北京晚報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.頁內(nèi)跳轉(zhuǎn)1234567dfdfdfdf/36.兩個按鍵一起按下if(event.ctrlKey & window.event.keyCode=13)/37.刷新頁面javascript:this.location.reload()/38.將網(wǎng)頁的按鈕使能function haha() for(var i=0;idocument.form1.elements.length;i+) if(.indexOf(bb)!=-1) document.form1.elementsi.disabled=!document.form1.elementsi.disabled; 39.文字移動40.雙擊網(wǎ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.前進43.刷新44.轉(zhuǎn)向指定網(wǎng)頁document.location=/lxs5i5j/archive/2007/01/22/http:/ww或者document.location.assign(/lxs5i5j/archive/2007/01/22/)45.在網(wǎng)頁上顯示實時時間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ù)庫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.可以直接在頁面“div”內(nèi)寫下所需內(nèi)容INPUT TYPE=button onclick=a1.innerHTML=*/49.可以改變頁面上的連接的格式，使其為雙線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.向文件中寫內(nèi)容52.先讀文件再寫文件eryrytry53.直線型輸入框54.可以將背景改為按鈕性狀，通過改變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)上鄰居我的電腦我的文檔回收站控制面板撥號網(wǎng)絡(luò)(windows 2000) 88.IE菜單0/改變按鈕上的圖片 /創(chuàng)建新連接 /打印/另存為htm/另存為txtdocument.execCommand(SaveAs)/保存為document.execCommand(undo)/撤銷上一次操作89.web對話框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.向新打開的網(wǎng)頁上寫內(nèi)容newwin=window.open(about:blank,top=10);newwin.document.write();/93.返回javascript:history.go(-2);/94.將頁面上選中的內(nèi)容復(fù)制到剪貼板abcdefg/95.將頁面上選中的內(nèi)容復(fù)制到剪貼板kjhkjhkhkj/96.鼠標(biāo)移到下拉框時自動全部打開/97.獲得本機的文件var fso = new ActiveXObject(Scripting.FileSystemObject);var f1 = fso.GetFile(C:/bsitcdata/ejbhome.xml);alert(File last modified: + f1.DateLastModified); /98.判斷客戶端是否是IE瀏覽器因為 document.all 是 IE 的特有屬性，所以通常用這個方法來判斷客戶端是否是IE瀏覽器 ,document.all?1:0;99.創(chuàng)建新的下拉框選項new Option(text,value)這樣的函數(shù)/100.在頁面上畫柱狀圖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