?? javascript小技巧 - dooit - 博客園.htm
字號(hào):
<LI><FONT size=2><STRONG>父對(duì)象</STRONG> <BR>obj.parentElement(dhtml)
<BR>obj.parentNode(dom)</FONT>
<LI><FONT size=2><STRONG>交換表的行 <BR></STRONG>TableID.moveRow(2,1)</FONT><FONT
size=2><STRONG>
<LI><FONT size=2><STRONG>替換CSS</STRONG> <BR></FONT>document.all.csss.href =
"a.css";<FONT size=2><STRONG>
<LI><FONT size=2><STRONG>并排顯示</STRONG> <BR></FONT>display:inline<FONT size=2>
<LI><FONT size=2><STRONG>隱藏焦點(diǎn) <BR></STRONG>hidefocus=true</FONT>
<LI><FONT size=2><STRONG>根據(jù)寬度換行
<BR></STRONG></FONT>style="word-break:break-all"<FONT size=2>
<LI><FONT size=2><STRONG>自動(dòng)刷新 <BR></STRONG><meta HTTP-EQUIV="refresh"
CONTENT="8;URL=http://c98.yeah.net"></FONT>
<LI><FONT size=2><STRONG>簡(jiǎn)單郵件 <BR></STRONG><a href="</FONT><A
href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"><FONT
size=2>mailto:aaa@bbb.com?subject=ccc&body=xxxyyy</FONT></A><FONT
size=2>"> </FONT>
<LI><FONT size=2><STRONG>快速轉(zhuǎn)到位置
<BR></STRONG></FONT>obj.scrollIntoView(true)<FONT size=2>
<LI><FONT size=2><STRONG>錨 <BR></STRONG><a name="first"> <BR><a
href="#first">anchors</a></FONT>
<LI><FONT size=2><STRONG>網(wǎng)頁(yè)傳遞參數(shù) <BR></STRONG>location.search();</FONT>
<LI><STRONG>可編輯 <BR></STRONG>obj.contenteditable=true
<LI><FONT size=2><STRONG>執(zhí)行菜單命令</STRONG> <BR>obj.execCommand</FONT>
<LI><FONT size=2><STRONG>雙字節(jié)字符</STRONG> <BR>/[^\x00-\xff]/ <BR>漢字
<BR>/[\u4e00-\u9fa5]/</FONT>
<LI><STRONG>讓英文字符串超出表格寬度自動(dòng)換行</STRONG> <BR>word-wrap: break-word; word-break:
break-all;
<LI><STRONG>透明背景</STRONG><FONT size=2> <BR><IFRAME src="1.htm" width=300
height=180 allowtransparency></iframe></FONT>
<LI><FONT size=2><STRONG>獲得style內(nèi)容 <BR></STRONG>obj.style.cssText</FONT>
<LI><FONT size=2><STRONG>HTML標(biāo)簽</STRONG>
<BR>document.documentElement.innerHTML</FONT>
<LI><FONT size=2><STRONG>第一個(gè)style標(biāo)簽</STRONG>
<BR>document.styleSheets[0]</FONT>
<LI><FONT size=2><STRONG>style標(biāo)簽里的第一個(gè)樣式</STRONG>
<BR>document.styleSheets[0].rules[0]</FONT>
<LI><STRONG>防止點(diǎn)擊空鏈接時(shí)，頁(yè)面往往重置到頁(yè)首端。 <BR></STRONG><a
href="javascript:function()">word</a>
<LI><STRONG>上一網(wǎng)頁(yè)源</STRONG> <BR>asp:
<BR>request.servervariables("HTTP_REFERER") <BR><FONT size=2>javascript:
<BR>document.referrer </FONT>
<LI><FONT size=2><STRONG>釋放內(nèi)存 <BR></STRONG>CollectGarbage();</FONT>
<LI><STRONG>禁止右鍵</STRONG> <BR>document.oncontextmenu = function() { return
false;}
<LI><FONT size=2><STRONG>禁止保存</STRONG> <BR><noscript><iframe
src="*.htm"></iframe></noscript> </FONT>
<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><FONT size=2><STRONG>禁止粘貼</STRONG> <BR><input type=text onpaste="return
false"></FONT>
<LI><FONT size=2><STRONG>地址欄圖標(biāo)</STRONG> <BR><link rel="Shortcut Icon"
href="favicon.ico"> <BR>favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下</FONT>
<LI><FONT size=2><STRONG>收藏欄圖標(biāo)</STRONG> <BR><link rel="Bookmark"
href="favicon.ico"> </FONT>
<LI><FONT size=2><STRONG>查看源碼</STRONG> <BR><input type=button value=查看網(wǎng)頁(yè)源代碼
onclick="window.location = 'view-source:'+ 'http://www.csdn.net/'"> </FONT>
<LI><FONT size=2><STRONG>關(guān)閉輸入法</STRONG> <BR><input
style="ime-mode:disabled"> </FONT>
<LI><STRONG>自動(dòng)全選</STRONG> <BR><input type=text name=text1 value="123"
onfocus="this.select()">
<LI><FONT size=2><STRONG>ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框 <BR></STRONG><input
onkeydown="if(event.keyCode==13)event.keyCode=9"></FONT>
<LI><STRONG>文本框的默認(rèn)值 <BR></STRONG><input type=text value="123"
onfocus="alert(this.defaultValue)">
<LI><STRONG>title換行 <BR></STRONG>obj.title = "123&#13sdfs&#32"
<LI><FONT size=2><STRONG>獲得時(shí)間所代表的微秒 <BR></STRONG>var n1 = new
Date("2004-10-10".replace(/-/g, "\/")).getTime()</FONT>
<LI><FONT size=2><STRONG>窗口是否關(guān)閉 <BR></STRONG>win.closed </FONT>
<LI><FONT size=2><STRONG>checkbox扁平 <BR></STRONG><input type=checkbox
style="position: absolute; clip:rect(5px 15px 15px 5px)"><br></FONT>
<LI><STRONG>獲取選中內(nèi)容
<BR></STRONG>document.selection.createRange().duplicate().text
<LI><STRONG>自動(dòng)完成功能 <BR></STRONG><input type=text
autocomplete=on>打開該功能 <BR><input type=text
autocomplete=off>關(guān)閉該功能
<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><FONT size=2><STRONG>無關(guān)閉按鈕IE <BR></STRONG>window.open("aa.htm", "meizz",
"fullscreen=7"); </FONT>
<LI><STRONG>統(tǒng)一編碼/解碼
<BR></STRONG>alert(decodeURIComponent(encodeURIComponent("http://你好.com?as=
hehe"))) <BR>encodeURIComponent對(duì)":"、"/"、";" 和 "?"也編碼
<LI><STRONG>表格行指示 <BR></STRONG><tr onmouseover="this.bgColor='#f0f0f0'"
onmouseout="this.bgColor='#ffffff'">
<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網(wǎng)頁(yè)可見區(qū)域?qū)挘?quot;</SPAN>+ document.body.clientWidth;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)可見區(qū)域高："</SPAN>+ document.body.clientHeight;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)可見區(qū)域高："</SPAN>+ document.body.offsetWeight +<SPAN
style="COLOR: #ff00ff">" (包括邊線的寬)"</SPAN>;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)可見區(qū)域高："</SPAN>+ document.body.offsetHeight +<SPAN
style="COLOR: #ff00ff">" (包括邊線的寬)"</SPAN>;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)正文全文寬："</SPAN>+ document.body.scrollWidth;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)正文全文高："</SPAN>+ document.body.scrollHeight;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)被卷去的高："</SPAN>+ document.body.scrollTop;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)被卷去的左："</SPAN>+ document.body.scrollLeft;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)正文部分上："</SPAN>+ window.screenTop;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n網(wǎng)頁(yè)正文部分左："</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屏幕可用工作區(qū)高度："</SPAN>+ window.screen.availHeight;
<BR>s += <SPAN
style="COLOR: #ff00ff">"\r\n屏幕可用工作區(qū)寬度："</SPAN>+ window.screen.availWidth;
</DIV></FONT></FONT></FONT></STRONG></FONT></STRONG></FONT></LI></UL>
<P><FONT size=2><STRONG>//過濾數(shù)字</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>
<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=導(dǎo)入收藏夾 onclick=<SPAN
style="COLOR: #ff00ff">"window.external.ImportExportFavorites(true,'http:<SPAN
style="COLOR: #008000">//localhost');"</SPAN>>
</SPAN><BR><input type=button value=導(dǎo)出收藏夾 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=語言設(shè)置 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>
<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>
<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">匹配中文字符的正則表達(dá)式： [\u4e00-\u9fa5]
<BR>匹配雙字節(jié)字符(包括漢字在內(nèi))：[^\x00-\xff] <BR>匹配空行的正則表達(dá)式：\n[\s| ]*\r
<BR>匹配HTML標(biāo)記的正則表達(dá)式：/<(.*)>.*<\/\1>|<(.*) \/>/
<BR>匹配首尾空格的正則表達(dá)式：(^\s*)|(\s*$)（像vbscript那樣的trim函數(shù)）
<BR>匹配Email地址的正則表達(dá)式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
<BR>匹配網(wǎng)址URL的正則表達(dá)式：http:<SPAN
style="COLOR: #008000">//([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?
</SPAN><BR>以下是例子： <BR>利用正則表達(dá)式限制網(wǎng)頁(yè)表單里的文本框輸入內(nèi)容： <BR>用正則表達(dá)式限制只能輸入中文：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.用正則表達(dá)式限制只能輸入全角字符： 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.用正則表達(dá)式限制只能輸入數(shù)字：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.用正則表達(dá)式限制只能輸入數(shù)字和英文：onkeyup=<SPAN
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -