?? javascript小技巧 .html
字號:
</li>
<li><strong>禁止右鍵</strong>
<br/>document.oncontextmenu = function() { return false;}
</li>
<li><font size="2"><strong>禁止保存</strong>
<br/><noscript><iframe src="*.htm"></iframe></noscript> </font>
</li>
<li><font size="2"><strong>禁止選取</strong><body oncontextmenu=<span style="COLOR: #ff00ff">"return false"</span> ondragstart=<span style="COLOR: #ff00ff">"return false"</span> onselectstart =<span style="COLOR: #ff00ff">"return false"</span> onselect=<span style="COLOR: #ff00ff">"document.selection.empty()"</span> oncopy=<span style="COLOR: #ff00ff">"document.selection.empty()"</span> onbeforecopy=<span style="COLOR: #ff00ff">"return false"</span>onmouseup=<span style="COLOR: #ff00ff">"document.selection.empty()></span><span style="COLOR: #ff00ff"> </span></font>
</li>
<li><font size="2"><strong>禁止粘貼</strong>
<br/><input type=text onpaste="return false"></font>
</li>
<li><font size="2"><strong>地址欄圖標</strong>
<br/><link rel="Shortcut Icon" href="favicon.ico">
<br/>favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下</font>
</li>
<li><font size="2"><strong>收藏欄圖標</strong>
<br/><link rel="Bookmark" href="favicon.ico"> </font>
</li>
<li><font size="2"><strong>查看源碼</strong>
<br/><input type=button value=查看網頁源代碼 onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> </font>
</li>
<li><font size="2"><strong>關閉輸入法</strong>
<br/><input style="ime-mode:disabled"> </font>
</li>
<li><strong>自動全選</strong>
<br/><input type=text name=text1 value="123" onfocus="this.select()">
</li>
<li><font size="2"><strong>ENTER鍵可以讓光標移到下一個輸入框
<br/></strong><input onkeydown="if(event.keyCode==13)event.keyCode=9"></font>
</li>
<li><strong>文本框的默認值
<br/></strong><input type=text value="123" onfocus="alert(this.defaultValue)">
</li>
<li><strong>title換行
<br/></strong>obj.title = "123&#13sdfs&#32"
</li>
<li><font size="2"><strong>獲得時間所代表的微秒
<br/></strong>var n1 = new Date("2004-10-10".replace(/-/g, "\/")).getTime()</font>
</li>
<li><font size="2"><strong>窗口是否關閉
<br/></strong>win.closed </font>
</li>
<li><font size="2"><strong>checkbox扁平
<br/></strong><input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"><br></font>
</li>
<li><strong>獲取選中內容
<br/></strong>document.selection.createRange().duplicate().text
</li>
<li><strong>自動完成功能
<br/></strong><input  type=text  autocomplete=on>打開該功能 
<br/><input  type=text  autocomplete=off>關閉該功能   
</li>
<li><font size="2"><strong>窗口最大化</strong>
<br/><body onload="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"></font>
</li>
<li><font size="2"><strong>無關閉按鈕IE
<br/></strong>window.open("aa.htm", "meizz", "fullscreen=7"); </font>
</li>
<li><strong>統一編碼/解碼
<br/></strong>alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
<br/>encodeURIComponent對":"、"/"、";" 和 "?"也編碼
</li>
<li><strong>表格行指示
<br/></strong><tr onmouseover="this.bgColor='#f0f0f0'" onmouseout="this.bgColor='#ffffff'">
</li>
<p>
<br/><strong>//各種尺寸</strong>
</p>
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee">s  +=  <span style="COLOR: #ff00ff">"\r\n網頁可見區域寬："</span>+  document.body.clientWidth;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁可見區域高："</span>+  document.body.clientHeight;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁可見區域高："</span>+  document.body.offsetWeight  +<span style="COLOR: #ff00ff">"  (包括邊線的寬)"</span>;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁可見區域高："</span>+  document.body.offsetHeight  +<span style="COLOR: #ff00ff">"  (包括邊線的寬)"</span>;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁正文全文寬："</span>+  document.body.scrollWidth;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁正文全文高："</span>+  document.body.scrollHeight;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁被卷去的高："</span>+  document.body.scrollTop;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁被卷去的左："</span>+  document.body.scrollLeft;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁正文部分上："</span>+  window.screenTop;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n網頁正文部分左："</span>+  window.screenLeft;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n屏幕分辨率的高："</span>+  window.screen.height;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n屏幕分辨率的寬："</span>+  window.screen.width;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n屏幕可用工作區高度："</span>+  window.screen.availHeight;  
<br/>s  +=  <span style="COLOR: #ff00ff">"\r\n屏幕可用工作區寬度："</span>+  window.screen.availWidth;  
</div></font>
</li></font>
</li></font>
</li></strong></font>
</li></strong></font>
</li>
</ul>
<p><font size="2"><strong>//過濾數字</strong>
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><input type=text onkeypress=<span style="COLOR: #ff00ff">"return event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)"</span> onpaste=<span style="COLOR: #ff00ff">"return !clipboardData.getData('text').match(/\D/)"</span> ondragenter=<span style="COLOR: #ff00ff">"return false"</span>>
</div></font>
</p>
<p><font size="2"><strong>//特殊用途</strong>
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><input type=button value=導入收藏夾 onclick=<span style="COLOR: #ff00ff">"window.external.ImportExportFavorites(true,'http:<span style="COLOR: #008000">//localhost');"</span>> </span>
<br/><input type=button value=導出收藏夾 onclick=<span style="COLOR: #ff00ff">"window.external.ImportExportFavorites(false,'http:<span style="COLOR: #008000">//localhost');"</span>> </span>
<br/><input type=button value=整理收藏夾 onclick=<span style="COLOR: #ff00ff">"window.external.ShowBrowserUI('OrganizeFavorites', null)"</span>>
<br/><input type=button value=語言設置   onclick=<span style="COLOR: #ff00ff">"window.external.ShowBrowserUI('LanguageDialog', null)"</span>>
<br/><input type=button value=加入收藏夾 onclick=<span style="COLOR: #ff00ff">"window.external.AddFavorite('http:<span style="COLOR: #008000">//www.google.com/', 'google')"</span>> </span>
<br/><input type=button value=加入到頻道 onclick=<span style="COLOR: #ff00ff">"window.external.addChannel('http:<span style="COLOR: #008000">//www.google.com/')"</span>> </span>
<br/><input type=button value=加入到頻道 onclick=<span style="COLOR: #ff00ff">"window.external.showBrowserUI('PrivacySettings',null)"</span>>
</div></font>
</p>
<p><font size="2"><strong>//不緩存</strong>
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><META HTTP-EQUIV=<span style="COLOR: #ff00ff">"pragma"</span> CONTENT=<span style="COLOR: #ff00ff">"no-cache"</span>>
<br/><META HTTP-EQUIV=<span style="COLOR: #ff00ff">"Cache-Control"</span> CONTENT=<span style="COLOR: #ff00ff">"no-cache, must-revalidate"</span>>
<br/><META HTTP-EQUIV=<span style="COLOR: #ff00ff">"expires"</span> CONTENT=<span style="COLOR: #ff00ff">"0"</span>>
</div>
<p></p></font>
</p>
<p><font size="2"></font>
</p>
<br/><font size="2"><strong>//正則匹配</strong></font>
<p></p><font size="2">
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee">匹配中文字符的正則表達式： [\u4e00-\u9fa5]
<br/>匹配雙字節字符(包括漢字在內)：[^\x00-\xff]
<br/>匹配空行的正則表達式：\n[\s| ]*\r
<br/>匹配HTML標記的正則表達式：/<(.*)>.*<\/\1>|<(.*) \/>/ 
<br/>匹配首尾空格的正則表達式：(^\s*)|(\s*$)（像vbscript那樣的trim函數）
<br/>匹配Email地址的正則表達式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
<br/>匹配網址URL的正則表達式：http:<span style="COLOR: #008000">//([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? </span>
<br/>以下是例子：
<br/>利用正則表達式限制網頁表單里的文本框輸入內容：
<br/>用正則表達式限制只能輸入中文：onkeyup=<span style="COLOR: #ff00ff">"value=value.replace(/[^\u4E00-\u9FA5]/g,'')"</span> onbeforepaste=<span style="COLOR: #ff00ff">"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"</span>
<br/>1.用正則表達式限制只能輸入全角字符： onkeyup=<span style="COLOR: #ff00ff">"value=value.replace(/[^\uFF00-\uFFFF]/g,'')"</span> onbeforepaste=<span style="COLOR: #ff00ff">"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"</span>
<br/>2.用正則表達式限制只能輸入數字：onkeyup=<span style="COLOR: #ff00ff">"value=value.replace(/[^\d]/g,'') "</span>onbeforepaste=<span style="COLOR: #ff00ff">"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"</span>
<br/>3.用正則表達式限制只能輸入數字和英文：onkeyup=<span style="COLOR: #ff00ff">"value=value.replace(/[\W]/g,'') "</span>onbeforepaste=<span style="COLOR: #ff00ff">"clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"</span>
</div>
<p><font size="2"><strong>//消除圖像工具欄</strong>
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><strong><IMG SRC=<span style="COLOR: #ff00ff">"mypicture.jpg"</span> HEIGHT=<span style="COLOR: #ff00ff">"100px"</span> WIDTH=<span style="COLOR: #ff00ff">"100px"</span> GALLERYIMG=<span style="COLOR: #ff00ff">"false"</span>> 
<br/>or
<br/><head>
<br/><meta http-equiv=<span style="COLOR: #ff00ff">"imagetoolbar"</span> content=<span style="COLOR: #ff00ff">"no"</span>>
<br/></head></strong>
</div></font>
</p></font>
<p><font size="2"><strong>//無提示關閉
<br/></strong></font>
</p><font size="2">
<div style="BORDER-RIGHT: #8a8a8a 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #8a8a8a 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; MARGIN: 4px; OVERFLOW: auto; BORDER-LEFT: #8a8a8a 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #8a8a8a 1px solid; FONT-FAMILY: Courier New; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff">function</span> Close()
<br/>{
<br/> <span style="COLOR: #0000ff">var</span> ua=navigator.userAgent
<br/> <span style="COLOR: #0000ff">var</span> ie=navigator.appName==<span style="COLOR: #ff00ff">"Microsoft Internet Explorer"</span>?<span style="COLOR: #0000ff">true</span>:false
<br/> <span style="COLOR: #0000ff">if</span>(ie)
<br/> {
<br/>      <span style="COLOR: #0000ff">var</span> IEversion=parseFloat(ua.substring(ua.indexOf(<span style="COLOR: #ff00ff">"MSIE "</span>)+5,ua.indexOf(<span style="COLOR: #ff00ff">";"</span>,ua.indexOf(<span style="COLOR: #ff00ff">"MSIE "</span>))))
<br/>  <span style="COLOR: #0000ff">if</span>(IEversion< 5.5)
<br/>  {
<br/>   <span style="COLOR: #0000ff">var</span> str  = '<object id=noTipClose classid=<span style="COLOR: #ff00ff">"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"</span>>'
<br/>       str += '<param name=<span style="COLOR: #ff00ff">"Command"</span> value=<span style="COLOR: #ff00ff">"Close"</span>></object>';
<br/>       document.body.insertAdjacentHTML(<span style="COLOR: #ff00ff">"beforeEnd"</span>, str);
<br/>       document.all.noTipClose.Click();
<br/>  }
<br/>      else
<br/>  {
<br/>       window.opener =<span style="COLOR: #0000ff">null</span>;
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -