JavaScript中的55個(gè)技巧

1、1. oncontextmenu=window.event.returnValue=false 將徹底屏蔽鼠標(biāo)右鍵 no 可用于 Table2. 取消選取、防止復(fù)制3. onpaste=return false 不準(zhǔn)粘貼4. oncopy=return false; oncut=return false; 防止復(fù)制5. IE 地址欄前換成自己的圖標(biāo)6. 可以在收藏夾中顯示出你的圖標(biāo)7. 關(guān)閉輸入法8. 永遠(yuǎn)都會(huì)帶著框架 9. 防止被人 frame 10. 網(wǎng)頁(yè)將不能被另存為 ; 11. 12. 刪除時(shí)確認(rèn) 刪除 13. 取得控件的絕對(duì)位置/Javascript function getIE(e

2、)var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent) t+=e.offsetTop; l+=e.offsetLeft; alert(top=+t+/nleft=+l);/VBScript !- function getIE() dim t,l,a,bset a=document.all.img1 t=document.all.img1.offsetTop l=document.all.img1.offsetLeft while a.tagName BODY set a = a.offsetParent t=t+a.off

3、setTop l=l+a.offsetLeft wend msgbox top=&t&chr(13)&left=&l,64, 得到控件的位置 end function- 14. 光標(biāo)是停在文本框文字的最后 function cc()var e = event.srcElement; var r =e.createTextRange(); r.moveStart(character,e.value.length); r.collapse(true);r.select();15. 判斷上一頁(yè)的來(lái)源 javascript : document.referrer16. 最小化、最大化、關(guān)閉窗口 本例適

4、用于 IE17. 屏蔽功能鍵 Shift,Alt,Ctrlfunction look()if(event.shiftKey)ale戌禁止按Shift鍵!); /可以換成ALT CTRLdocument.onkeydown=look;18. 網(wǎng)頁(yè)不會(huì)被緩存或者 19. 怎樣讓表單沒(méi)有凹凸感？ 或 20. & 的區(qū)別？(division) 用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行vspa n用來(lái)定義同一行內(nèi)的元素，跟的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行是ns的標(biāo)記，ie不支持，相當(dāng)于 21. 讓彈出窗口總是在最上面22. 不要滾動(dòng)條 ? 讓豎條沒(méi)有 : 讓橫條沒(méi)有 : 兩個(gè)都去掉？更簡(jiǎn)單了 23. 怎樣去掉圖片鏈接點(diǎn)

5、擊后，圖片周圍的虛線？ 24. 電子郵件處理提交表單25. 在打開(kāi)的子窗口刷新父窗口的代碼里如何寫？ window.opener.location.reload()26. 如何設(shè)定打開(kāi)頁(yè)面的大小 打開(kāi)頁(yè)面的位置 27. 在頁(yè)面中如何加入不是滿鋪的背景圖片 ,拉動(dòng)頁(yè)面時(shí)背景圖不動(dòng) bodybackground-image:url(/logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed 28. 檢查一段字符串是否全由數(shù)字組成 29. 獲得一個(gè)窗口的大小 docu

6、ment.body.clientWidth; document.body.clientHeight30. 怎么判斷是否是字符if (/TxOO-/xff/g.test(s) alert(含有漢字”)；else alert(全是字符);31. TEXTAREA 自適應(yīng)文字行數(shù)的多少32. 日期減去天數(shù)等于第二個(gè)日期function cc(dd,dadd) /可以加上錯(cuò)誤處理 var a = new Date(dd)a = a.valueOf()a = a - dadd * 24 * 6O * 6O * 1OOOa = new Date(a)alert(a.getFullYear() + 年 +

7、(a.getMonth() + 1) + 月 + a.getDate() + 日) cc(12/23/2OO2,2)33. 選擇了哪一個(gè) Radio function checkme() for each ob in radio1if ob.checked thenwindow.alert ob.value nextend function StyleBarcode 34. 腳本永不出錯(cuò)35. ENTER 鍵可以讓光標(biāo)移到下一個(gè)輸入框36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度： 把如下代碼加入 區(qū)域中 : tim=1setInterval(tim+,100)b=1align=absMiddlealign=

8、absMiddlealign=absMiddle = autourl2=autourl3=1000)this.resized=true;this.style.width=1000; border=0autourl4= autourl5=1000)this.resized=true;this.style.width=1000; border=0function butt()*( ) for(var i=1;i autourl.length;i+)*( = ) *( )butt()function auto(url)document.forms0url+b.value=urlif(tim200)d

9、ocument.forms0txt+b.value=/ 鏈接超時(shí) elsedocument.forms0txt+b.value=/blog/ 時(shí)間 +tim/10+ 秒 b+imgfunction run()for(var i=1;i )run() 37. 各種樣式的光標(biāo) auto ：標(biāo)準(zhǔn)光標(biāo) default ：標(biāo)準(zhǔn)箭頭 hand ：手形光標(biāo) wait ：等待光標(biāo) text ： I 形光標(biāo) vertical-text ：水平 I 形光標(biāo) no-drop ：不可拖動(dòng)光標(biāo) not-allowed ：無(wú)效光標(biāo) help ： ?幫助光標(biāo) all-scroll ：三角方向標(biāo) move ：移動(dòng)標(biāo) cros

10、shair ：十字標(biāo) e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize38. 頁(yè)面進(jìn)入和退出的特效進(jìn) 入 頁(yè) 面 推 出 頁(yè) 面 這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。 duration 表示特效的持續(xù)時(shí)間， 以秒為單位。 transition 表示使用哪種特效，取值為 1-23:0 矩形縮小1 矩形擴(kuò)大2 圓形縮小3 圓形擴(kuò)大4 下到上刷新5 上到下刷新6 左到右刷新7 右到左刷新8 豎百葉窗9 橫百葉窗10 錯(cuò)位橫百葉窗11 錯(cuò)位豎百葉窗12 點(diǎn)擴(kuò)散13 左右到中間刷新14 中間到左右刷新15 中間到上下16

11、上下到中間17 右下到左上18 右上到左下19 左上到右下20 左下到右上21 橫條22 豎條23 以上 22 種隨機(jī)選擇一種39. 在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)40. 網(wǎng)頁(yè)是否被檢索vmeta name二ROBOTS content二屬性值其中屬性值有以下一些 :屬性值為 all: 文件將被檢索，且頁(yè)上鏈接可被查詢；屬性值為 none: 文件不被檢索，而且不查詢頁(yè)上的鏈接；屬性值為 index: 文件將被檢索；屬性值為 follow: 查詢頁(yè)上的鏈接；屬性值為 noindex: 文件不檢索，但可被查詢鏈接；屬性值為 nofollow: 文件不被檢索，但可查詢頁(yè)上的鏈接41、email 地址的分割 把如下

12、代碼加入 區(qū)域中webmaster 42、流動(dòng)邊框效果的表格 把如下代碼加入 區(qū)域中 l=Array(6,7,8,9,a,b,b,c,d,e,f)Nx=5;Ny=35t= for(x=Nx;x Nx+Ny;x+)t+= t+= for(x=2;x =Nx;x+)t+= t+= for(x=Ny;x0;x-)t+= *(t+ )var N=Nx*2+Ny*2 function f1(y) for(i=0;i 10)c=20-c document.alla_mo+(i).bgColor=#0000+lc+lc+ y+setTimeout(f1(+y+),1)f1(1)43、JavaScript主頁(yè)

13、彈出窗口技巧窗口中間彈出 window.open(,width=400,height=240,top=+(screen.availHeig ht-240)/2+,left=+(screen.availWidth-400)/2); function WinOpen() msg=open(,DisplayWindow,toolbar=no,directories=no,menubar=no); msg.*( 哈 羅! );msg.*( 酷斃 了 ！ v/H1 這是 JavaScript 所 開(kāi) 的 視 窗! );v/scriptv/headvbodyvformvinput type=button

14、name=Button1 value=Push me onclick=WinOpen() v/formv/bodyv/html一、在下面的代碼中，你只要單擊打開(kāi)一個(gè)窗口，即可鏈接到賽迪網(wǎng)。而當(dāng)你想關(guān) 閉時(shí)，只要單擊一下即可關(guān)閉剛才打開(kāi)的窗口。代碼如下：vSCRIPT language=JavaScriptv！-function openclk() another=open(1000)this.resized=true;this.style.width=1000; align=absMiddle border=0 http:/www. ccidnet. com ，NewWindow);funct

15、ion closeclk() another.close();/-v/SCRIPT vFORMvINPUT TYPE=BUTTON NAME=open value=/ 打 開(kāi) 一 個(gè) 窗 口 onClick=openclk()vBRvINPUT TYPE=BUTTON NAME=close value=/blog/ 關(guān)閉這個(gè)窗口 onClick=closeclk()v/FORM二、上面的代碼也太靜了，為何不來(lái)點(diǎn)動(dòng)感呢？如果能給頁(yè)面來(lái)個(gè)降落效果那 該多好?。〈a如下：vscriptfunction drop(n) if(self.moveBy) self.moveBy (0 ， -900);fo

16、r(i = n; i 0; i-)self.moveBy（0，3）;for（j = 8; j 0; j-）self.moveBy（0，j）;self.moveBy（j ， 0）;self.moveBy（0，-j）;self.moveBy（-j ， 0）;三、討厭很多網(wǎng)站總是按照默認(rèn)窗口打開(kāi)，如果你能隨心所欲控制打開(kāi)的窗口 那該多好。代碼如下 :打開(kāi)頁(yè)面的參數(shù) 離開(kāi)左邊的距離 : pixels 離開(kāi)右邊的距離 : pixels 窗口的寬度 : pixels 窗口的高度 : pixels v/table你只要在相對(duì)應(yīng)的對(duì)話框中輸入一個(gè)數(shù)值即可，將要打開(kāi)的頁(yè)面的窗 口控制得很好。44、頁(yè)面的打開(kāi)移動(dòng)

17、把如下代碼加入?yún)^(qū)域中vSCRIPT LANGUAGE=JavaScriptv!- Beginfor (t = 2; t 0; t-) for (x = 20; x 0; x-) for (y = 10; y 0; y-) parent.moveBy(0,-x);for (x = 20; x 0; x-) for (y = 10; y 0; y-) parent.moveBy(0,x);for (x = 20; x 0; x-) for (y = 10; y 0; y-) parent.moveBy(x,0);for (x = 20; x 0; x-) for (y = 10; y 0; y-)

18、 parent.moveBy(-x,0);/-/ End -v/script45、顯示個(gè)人客戶端機(jī)器的日期和時(shí)間 vscript language=LiveScriptv!- Hidingtoday = new Date()*( 現(xiàn) 在 時(shí) 間 是： ,today.getHours(),:,today.getMinutes()*( vbr 今天 日期為 ：today.getMonth()+1,/,today.getDate(),/,today.getYear();/ end hiding contents -v/script46、自動(dòng)的為你每次產(chǎn)生最後修改的日期了：This is a simp

19、le HTML- page.Last changes:47、不能為空和郵件地址的約束：Enter your name: Enter your e-mail address: 48、跑馬燈!- Hidevar scrtxt= 怎麼樣 ! 很酷吧 ! 您也可以試試 .+Here goes your message the visitors to yourpage will +look at for hours in pure fascination.;var lentxt=scrtxt.length;var width=100;var pos=1-width;function scroll() p

20、os+;var scroller=;if (pos=lentxt) pos=1-width;if (pos 0) for (var i=1; i 這里可顯示您的網(wǎng)頁(yè) !49、在網(wǎng)頁(yè)中用按鈕來(lái)控制前頁(yè)，后頁(yè)和主頁(yè)的顯示。 50、查看某網(wǎng)址的源代碼把如下代碼加入 區(qū)域中function add()var ress=document.forms0.luxiaoqing.value window.location=view-source:+ress;輸入要查看源代碼的 URL 地址 : 51、title 顯示日期把如下代碼加入 區(qū)域中 :52、顯示所有鏈接 把如下代碼加入 區(qū)域中!-function extractlinks()var lin