?? javascript小技巧 - dooit - 博客園.htm
字號:
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></P></FONT>
<P><FONT size=2><STRONG>//無提示關(guān)閉 <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>;
<BR> window.close();
<BR> } <BR> } <BR> else
<BR> { <BR> window.close() <BR> } <BR>}
</DIV></FONT>
<P><FONT size=2><STRONG>//取得控件得絕對位置(1)</STRONG> <BR></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"><script language=<SPAN
style="COLOR: #ff00ff">"javascript"</SPAN>> <BR><SPAN
style="COLOR: #0000ff">function</SPAN> getoffset(e) <BR>{
<BR> <SPAN style="COLOR: #0000ff">var</SPAN> t=e.offsetTop;
<BR> <SPAN style="COLOR: #0000ff">var</SPAN> l=e.offsetLeft;
<BR> <SPAN style="COLOR: #0000ff">while</SPAN>(e=e.offsetParent)
<BR> { <BR> t+=e.offsetTop;
<BR> l+=e.offsetLeft; <BR> } <BR> <SPAN
style="COLOR: #0000ff">var</SPAN> rec = <SPAN
style="COLOR: #0000ff">new</SPAN> <SPAN
style="COLOR: #ff0000">Array</SPAN>(1); <BR> rec[0] = t;
<BR> rec[1] = l; <BR> <SPAN
style="COLOR: #0000ff">return</SPAN> rec <BR>} <BR><FONT
size=2></script> </FONT></DIV>
<P><STRONG>//獲得控件的絕對位置(2)</STRONG> </P></FONT>
<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">oRect = obj.getBoundingClientRect();
<BR>oRect.left <BR>oRect. </DIV>
<P><FONT size=2><STRONG>//最小化,最大化,關(guān)閉</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"><object id=min classid=<SPAN
style="COLOR: #ff00ff">"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"</SPAN>>
<BR><param name=<SPAN
style="COLOR: #ff00ff">"Command"</SPAN> value=<SPAN
style="COLOR: #ff00ff">"Minimize"</SPAN>></object>
<BR><object id=max classid=<SPAN
style="COLOR: #ff00ff">"clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"</SPAN>>
<BR><param name=<SPAN
style="COLOR: #ff00ff">"Command"</SPAN> value=<SPAN
style="COLOR: #ff00ff">"Maximize"</SPAN>></object>
<BR><OBJECT id=close classid=<SPAN
style="COLOR: #ff00ff">"clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"</SPAN>>
<BR><PARAM NAME=<SPAN
style="COLOR: #ff00ff">"Command"</SPAN> value=<SPAN
style="COLOR: #ff00ff">"Close"</SPAN>></OBJECT>
<BR><input type=button value=最小化 onclick=min.Click()>
<BR><input type=button value=最大化 onclick=max.Click()>
<BR><input type=button value=關(guān)閉 onclick=close.Click()>
</DIV></FONT>
<P></P>
<P></P>
<P><FONT size=2></FONT></P><FONT size=2><STRONG>//光標(biāo)停在文字最后</STRONG> <BR></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"><script language=<SPAN
style="COLOR: #ff00ff">"javascript"</SPAN>> <BR><SPAN
style="COLOR: #0000ff">function</SPAN> cc() <BR>{ <BR> <SPAN
style="COLOR: #0000ff">var</SPAN> e = event.srcElement;
<BR> <SPAN
style="COLOR: #0000ff">var</SPAN> r =e.createTextRange();
<BR> r.moveStart('character',e.value.length); <BR> r.collapse(<SPAN
style="COLOR: #0000ff">true</SPAN>); <BR> r.select(); <BR>}
<BR></script>
<BR><input type=text name=text1 value=<SPAN
style="COLOR: #ff00ff">"123"</SPAN> onfocus=<SPAN
style="COLOR: #ff00ff">"cc()"</SPAN>> </DIV></FONT>
<P><FONT size=2><STRONG>//頁面進(jìn)入和退出的特效 <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">進(jìn)入頁面<meta http-equiv=<SPAN
style="COLOR: #ff00ff">"Page-Enter"</SPAN> content=<SPAN
style="COLOR: #ff00ff">"revealTrans(duration=x, transition=y)"</SPAN>>
<BR>推出頁面<meta http-equiv=<SPAN
style="COLOR: #ff00ff">"Page-Exit"</SPAN> content=<SPAN
style="COLOR: #ff00ff">"revealTrans(duration=x, transition=y)"</SPAN>>
<BR>這個是頁面被載入和調(diào)出時的一些特效。duration表示特效的持續(xù)時間，以秒為單位。transition表示使 <BR>用哪種特效，取值為1-23:
<BR> 0 矩形縮小 <BR> 1 矩形擴(kuò)大 <BR> 2 圓形縮小
<BR> 3 圓形擴(kuò)大 <BR> 4 下到上刷新 <BR> 5 上到下刷新
<BR> 6 左到右刷新 <BR> 7 右到左刷新 <BR> 8 豎百葉窗
<BR> 9 橫百葉窗 <BR> 10 錯位橫百葉窗 <BR> 11 錯位豎百葉窗
<BR> 12 點擴(kuò)散 <BR> 13 左右到中間刷新 <BR> 14 中間到左右刷新
<BR> 15 中間到上下 <BR> 16 上下到中間 <BR> 17 右下到左上
<BR> 18 右上到左下 <BR> 19 左上到右下 <BR> 20 左下到右上
<BR> 21 橫條 <BR> 22 豎條 <BR> 23 </DIV></FONT>
<P><FONT size=2><STRONG>//網(wǎng)頁是否被檢索</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 name=<SPAN
style="COLOR: #ff00ff">"ROBOTS"</SPAN> content=<SPAN
style="COLOR: #ff00ff">"屬性值"</SPAN>> <BR> 其中屬性值有以下一些: <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"all"</SPAN>: 文件將被檢索，且頁上鏈接可被查詢； <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"none"</SPAN>: 文件不被檢索，而且不查詢頁上的鏈接； <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"index"</SPAN>: 文件將被檢索； <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"follow"</SPAN>: 查詢頁上的鏈接； <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"noindex"</SPAN>: 文件不檢索，但可被查詢鏈接； <BR> 屬性值為<SPAN
style="COLOR: #ff00ff">"nofollow"</SPAN>: </DIV></FONT>
<P></P>
<P><BR><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"><p style=<SPAN
style="COLOR: #ff00ff">"page-break-after:always"</SPAN>>page1</p>
<BR><p style=<SPAN
style="COLOR: #ff00ff">"page-break-after:always"</SPAN>>page2</p>
</DIV></FONT>
<P></P>
<P><BR><FONT size=2><STRONG>//設(shè)置打印</STRONG> <BR></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"><object id=<SPAN
style="COLOR: #ff00ff">"factory"</SPAN> style=<SPAN
style="COLOR: #ff00ff">"display:none"</SPAN> viewastext
<BR> classid=<SPAN
style="COLOR: #ff00ff">"clsid:1663ed61-23eb-11d2-b92f-008048fdd814"</SPAN>
<BR> codebase=<SPAN style="COLOR: #ff00ff">"http:<SPAN
style="COLOR: #008000">//www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"</SPAN>
</SPAN><BR>></object>
<BR><input type=button value=頁面設(shè)置 onclick=<SPAN
style="COLOR: #ff00ff">"factory.printing.PageSetup()"</SPAN>>
<BR><input type=button value=打印預(yù)覽 onclick=<SPAN
style="COLOR: #ff00ff">"factory.printing.Preview()"</SPAN>> <BR>
<BR><script language=javascript> <BR><SPAN
style="COLOR: #0000ff">function</SPAN> window.onload() <BR>{
<BR> <SPAN
style="COLOR: #008000">// -- advanced features
</SPAN><BR> factory.printing.SetMarginMeasure(2) <SPAN
style="COLOR: #008000">// measure margins in inches
</SPAN><BR> factory.printing.SetPageRange(<SPAN
style="COLOR: #0000ff">false</SPAN>, 1, 3) <SPAN
style="COLOR: #008000">// need pages from 1 to 3
</SPAN><BR> factory.printing.printer = <SPAN
style="COLOR: #ff00ff">"HP DeskJet 870C"</SPAN>
<BR> factory.printing.copies = 2
<BR> factory.printing.collate = true
<BR> factory.printing.paperSize = <SPAN
style="COLOR: #ff00ff">"A4"</SPAN>
<BR> factory.printing.paperSource = <SPAN
style="COLOR: #ff00ff">"Manual feed"</SPAN> <BR> <SPAN
style="COLOR: #008000">// -- basic features
</SPAN><BR> factory.printing.header = <SPAN
style="COLOR: #ff00ff">"居左顯示&b居中顯示&b居右顯示頁碼，第&p頁/共&P頁"</SPAN>
<BR> factory.printing.footer = <SPAN
style="COLOR: #ff00ff">"（自定義頁腳）"</SPAN>
<BR> factory.printing.portrait = false
<BR> factory.printing.leftMargin = 0.75
<BR> factory.printing.topMargin = 1.5
<BR> factory.printing.rightMargin = 0.75
<BR> factory.printing.bottomMargin = 1.5 <BR>}
<BR><SPAN style="COLOR: #0000ff">function</SPAN> Print(frame) {
<BR> factory.printing.Print(<SPAN
style="COLOR: #0000ff">true</SPAN>, frame) <SPAN
style="COLOR: #008000">// print with prompt </SPAN><BR>}
<BR></script> <BR><input type=button value=<SPAN
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -