1. 將徹底屏蔽鼠標右鍵
| oncontextmenu="window.event.returnValue=false" |
| <table border oncontextmenu=return(false)> <td>no </table> 可用於Table |
2. 取消選取、防止複制
| <body onselectstart="return false"> |
3. 不准粘貼
| onpaste="return false" |
4. 防止複制
| oncopy="return false;" oncut="return false;" |
5. IE地址欄前換成自己的圖標
| <link rel="Shortcut Icon" href="favicon.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"; //frames.htm為框架網頁 // --> </script> |
9. 防止被人frame
| <SCRIPT LANGUAGE=JAVASCRIPT> <!-- if (top.location != self.location)top.location=self.location; // --> </SCRIPT> |
10. 網頁將不能被另存為
| <noscript> <*** src="/*.html>"; </***> </noscript> |
11. 查看網頁源代碼
| <input type=button value="/查看網頁源代碼onclick="window.location = "view-source:"+ "http://www.chinaz.com""> |
12.刪除時確認
| <a href=""javascript :if(confirm("確實要刪除嗎?"))location="boos.asp?&areyou=刪除&page=1"">刪除</a> |
13. 取得控件的絕對位置
| //Javascript <script language="Javascript"> function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } alert("top="+t+"/nleft="+l); } </script> //VBScript <script language="VBScript"> <!-- function getIE() dim t,l,a,b set 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.offsetTop l=l+a.offsetLeft wend msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置" end function --> </script> |
14. 光標是停在文本框文字的最後
| <script language="javascript"> function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart("character",e.value.length); r.collapse(true); r.select(); } </script> <input type=text name=text1 value="123" onfocus="cc()"> |
15. 判斷上一頁的來源
| javascript : document.referrer |
16. 最小化、最大化、關閉窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"> </object> <object id=hh2 classid="clsid:ADB880A6-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="/blog/最大化onclick=hh2.Click()> <input type=button value=關閉onclick=hh3.Click()> 本例適用於IE |
17.屏蔽功能鍵Shift,Alt,Ctrl
| <script> function look(){ if(event.shiftKey) alert("禁止按Shift鍵!"); //可以換成ALT CTRL } document.onkeydown=look; </script> |
18. 網頁不會被緩存
| <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> |
或者
| <META HTTP-EQUIV="expires" CONTENT="0"> |
19.怎樣讓表單沒有凹凸感？
| <input type=text style="""border:1 solid #000000"> |
或
| <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"> </textarea> |
20. <div> <span>& <layer>的區別？
| <div>(division)用來定義大段的頁面元素，會產生轉行 <span>用來定義同一行內的元素，跟<div>的唯一區別是不產生轉行 <layer>是ns的標記，ie不支持，相當於<div> |
21.讓彈出窗口總是在最上面:
| <body onblur="this.focus();"> |
22.不要滾動條?
讓豎條沒有:
| <body style="overflow:scroll;overflow-y:hidden"> </body> |
讓橫條沒有:
| <body style="overflow:scroll;overflow-x:hidden"> </body> |
兩個都去掉？更簡單了
| <body scroll="no"> </body> |
23.怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？
| <a href="#" onFocus="this.blur()"> <img src="/logo.jpg" border=0> </a> |
24.電子郵件處理提交表單
| <form name="form1" method="post" action=mailto:****@***.com enctype="text/plain"> <input type=submit> </form> |
25.在打開的子窗口刷新父窗口的代碼裡如何寫？
| window.opener.location.reload() |
26.如何設定打開頁面的大小
| <body onload="top.resizeTo(300,200);"> |
打開頁面的位置
| <body onload="top.moveBy(300,200);"> |
27.在頁面中如何加入不是滿舖的背景圖片,拉動頁面時背景圖不動
| <STYLE> body {background-image:url(/logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed} </STYLE> |
28. 檢查一段字符串是否全由數字組成
| <script language="Javascript"> <!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) // --> </script> |
29. 獲得一個窗口的大小
| document.body.clientWidth; document.body.clientHeight |
30. 怎麼判斷是否是字符
| if (/[^/x00-/xff]/g.test(s)) alert("含有漢字"); else alert("全是字符"); |
31.TEXTAREA自適應文字行數的多少
| <textarea rows=1 name=s1 cols=27 onpropertychange ="this.style.posHeight=this.scrollHeight"> </textarea> |
32. 日期減去天數等於第二個日期
| <script language=Javascript> function cc(dd,dadd) { //可以加上錯誤處理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("12/23/2002",2) </script> |