收藏一些有用的JS代碼
禁止頁面正文選取 <body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
防止點擊空鏈接時,頁面往往重置到頁首端。 代碼「javascript:void(null)」代替原來的「#」標記
如何避免別人把你的網頁放在框架中 <script language=「javascript」><!--if (self!=top){top.location=self.location;} -->< /script>
頁面定時刷新 <meta http-equiv="refresh" content="秒" >
頁面定時轉向新的地址 <meta http-equiv="refresh" content="秒;url=url">
顯示日期 <script language="javascript"><!-- today=new date(); var week; var date; if(today.getday()==0) week="星期日" if(today.getday()==1) week="星期一" if(today.getday()==2) week="星期二" if(today.getday()==3) week="星期三" if(today.getday()==4) week="星期四" if(today.getday()==5) week="星期五" if(today.getday()==6) week="星期六" date=(today.getyear())+"年"+(today.getmonth()+1)+"月"+today.getdate()+"日"+" " document.write("<span style="font-size: 9pt;">"+date+week+"</span>"); // --> </script>
設為首頁代碼 <a href=# onclick="this.style.behavior="url(#default#homepage)";this.sethomepage("url");">設為首頁</a>
添加收藏代碼 <a href="javascript:window.external.addfavorite("url","title")"> 加入收藏夾</a>
這個是不會彈出提示直接關閉窗口的: 把如下代碼加入<body>區域中 <object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="command" value="close"> </object> <script language="javascript">function shutwin(){closes.click();return;}</script> <a href="javascript:shutwin();">關閉本窗口</a>
隨機圖片: 把如下代碼加入<body>區域中 <script language="javascript"><!-- today=new date(); jran=today.gettime();
function rnd() {
ia=9301; ic=49297; im=233280;
jran = (jran*ia+ic) % im; return jran/(im*1.0); };
function rand(number) {
return math.ceil(rnd()*number); };
document.write("<center>"); for(i=1;i<=1;i++) { mynum=(rand(10)); //改成你要隨機顯示的圖片數; if(mynum == 1) document.write("<img src="photo/back.jpg">"); if(mynum == 2) document.write("<img src="photo/j2.gif">"); //圖片路徑,可用http:// ; if(mynum == 3) document.write("<img src="photo/email.gif">"); if(mynum == 4) document.write("<img src="photo/arrow.gif">"); if(mynum == 5) document.write("<img src="photo/j2.gif">"); if(mynum == 6) document.write("<img src="photo/email.gif">"); if(mynum == 7) document.write("<img src="photo/arrow.gif">"); if(mynum == 8) document.write("<img src="photo/j2.gif">"); if(mynum == 9) document.write("<img src="photo/back.jpg">"); if(mynum == 10) document.write("<img src="photo/email.gif">"); else { document.write(); } }; document.write("</center>"); //--> </script> 其實改一改隨機什麼都行,也不一定在body --------------------------------------------------------------------------
1。忽視右鍵 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2。加入背景音樂 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=true> </embed> *.mid你的背景音樂的midi格式文件
3。簡單的頁面加密 <script LANGUAGE="javascript"> <!-- function loopy(){ var sWord =""; while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");} alert("登陸成功!"); } loopy() //--> </script>
4。拉動頁面時背景圖不動 <style> body{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center} </style>
5。網頁自動關閉 <html> <head> <object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Close"> </object> </head> <body onload="window.setTimeout(closes.Click(),10000)"> 這個窗口會在10秒過後自動關閉,而且不會出現提示. </body> </html>
6。保持layer在最前面,而不被Iframe、Object所覆蓋 在Layer中再插Iframe 或 Object 設z-Index值 <div z-Index:2><object xxx></object> # 前面 <div z-Index:1><object xxx></object> # 後面 <div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"> height=100% width_=100%> <iframe width_=0 height=0></iframe> </div> <div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"> <iframe height=100% width_=100%></iframe> </div> 7。返回上一頁 <a href=javascript:history.back(1)>『返回上一頁』</a>
8。關於iframe的透明背景 <IFRAME ID="iFrame1" SRC="iframe.htm" allowTransparency="true" style="background-color: green"></IFRAME -------------------------------------------------------------------------------------------------------------
1。忽視右鍵 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2。加入背景音樂 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=true> </embed> *.mid你的背景音樂的midi格式文件
3。簡單的頁面加密 <script LANGUAGE="javascript"> <!-- function loopy(){ var sWord =""; while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");} alert("登陸成功!"); } loopy() //--> </script>
4。拉動頁面時背景圖不動 <style> body{background-image:url(logo.gif); background-repeat:no-repeat;background-position:center} </style>
5。網頁自動關閉 <html> <head> <object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Close"> </object> </head> <body onload="window.setTimeout(closes.Click(),10000)"> 這個窗口會在10秒過後自動關閉,而且不會出現提示. </body> </html>
6。保持layer在最前面,而不被Iframe、Object所覆蓋 在Layer中再插Iframe 或 Object 設z-Index值 <div z-Index:2><object xxx></object> # 前面 <div z-Index:1><object xxx></object> # 後面 <div id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"> height=100% width_=100%> <iframe width_=0 height=0></iframe> </div> <div id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"> <iframe height=100% width_=100%></iframe> </div> 7。返回上一頁 <a href=javascript:history.back(1)>『返回上一頁』</a>
8。關於iframe的透明背景 <IFRAME ID="iFrame1" SRC="iframe.htm" allowTransparency="true" style="background-color: green"></IFRAME> ----------------------------------------------------------------------------------- 1. 將徹底屏蔽滑鼠右鍵,無右鍵菜單 <body oncontextmenu="window.event.returnvalue=false">
也可以用於網頁中Table框架中 <table border oncontextmenu=return(false)><td>no</table>
2.取消選取、防止複製 <body onselectstart="return false">
3.不準粘貼 <body onpaste="return false">
4.防止複製 <body oncopy="return false;" oncut="return false;">
5.IE地址欄前換成自己的圖標 <link rel="Shortcut Icon" href="favicon.ico">
說明:關於favicon.ico文件的製作。你可以先在FW中做一個圖片,屬於你自己站點一個小圖標。然後在ACD see將文件屬性改為*.ico,然後將你做的*.ICO文件傳到你的伺服器目錄中,然後就可以使用以上代碼來實現,當別人登陸你的站點時,地址欄里使用的就是你自定義的圖標了。
6.可以在收藏夾中顯示出你的圖標 <link rel="Bookmark" href="favicon.ico">
說明:製作方法和上面的一樣。只是顯示的方式不同,這個是在別人收藏你的網頁地址時顯示的個性圖標。
7.關閉輸入法 <input style="ime-mode:disabled">
說明:這段代碼是在表格提交時用到的。也就是在輸入數據時不可以使用其他輸入法模式。
8.永遠都會帶著框架 <script language="javascript"><!-- if (window == top)top.location.href = "frames.htm";// --></script>
說明:frames.htm為你的網頁,這也是保護頁面的一種方法
9.防止被人frame <SCRIPT LANGUAGE=javascript><!-- if (top.location != self.location)top.location=self.location; // --></SCRIPT>
10.網頁將不能被另存為 <noscript><iframe src=*.html></iframe></noscript> 說明:<noscirpt>的用法很廣,其中一條就是可以使JS廣告失效。 15.如何改變鏈接的滑鼠形狀 只需在鏈接上加上這一代碼就行的了 或者跟上面的用CSS寫也行
style="cursor:hand" style="cursor:crosshair" style="cursor:text" style="cursor:wait" style="cursor:move" style="cursor:help" style="cursor:e-resize" style="cursor:n-resize" style="cursor:nw-resize" style="cursor:w-resize" style="cursor:s-resize" style="cursor:se-resize" style="cursor:sw-resize"
以上代碼你只需要加到連接或是頁面的style區里就可以實現滑鼠多樣化。
16.全屏顯示 <form> <div align="center"> <input type="BUTTON" name="FullScreen" value="全屏顯示" onClick="window.open(document.location, big, fullscreen=yes)"> </div> </form>
把它放到<body>區中。
20.load 進度條
<table cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" width_="40%" id="P"><tr><td> <table cellspacing="0" cellpadding="0" bgcolor="#0000FF" height="18" id="Q"><tr><td></td></tr></table></td></tr></table> </center> <script language=javascript> var R = 0; load(); function load() {R = R + 2; Q.style.width = R + "%"; time= setTimeout("load()",50); if (R > 100) {clearTimeout(time); P.style.width_=0}} </script> 27 全屏 <script language=javascript> window.open(index.asp,,fullscreen=1); </script>
24.最小化、最大化、關閉窗口 <object id=hh1 classid="clsidDB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"></object> <object id=hh2 classid="clsidDB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"></object> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" value="Close"></OBJECT> <input type=button value=最小化 onclick=hh1.Click()> <input type=button value=最大化 onclick=hh2.Click()> <input type=button value=關閉 onclick=hh3.Click()> ---------------------------------------------------------------------------
推薦閱讀: