📄 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>//无提示关闭 <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>//最小化,最大化,关闭</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=关闭 onclick=close.Click()>
</DIV></FONT>
<P></P>
<P></P>
<P><FONT size=2></FONT></P><FONT size=2><STRONG>//光标停在文字最后</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>//页面进入和退出的特效 <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">进入页面<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>这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使 <BR>用哪种特效，取值为1-23:
<BR> 0 矩形缩小 <BR> 1 矩形扩大 <BR> 2 圆形缩小
<BR> 3 圆形扩大 <BR> 4 下到上刷新 <BR> 5 上到下刷新
<BR> 6 左到右刷新 <BR> 7 右到左刷新 <BR> 8 竖百叶窗
<BR> 9 横百叶窗 <BR> 10 错位横百叶窗 <BR> 11 错位竖百叶窗
<BR> 12 点扩散 <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>//网页是否被检索</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>//设置打印</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=页面设置 onclick=<SPAN
style="COLOR: #ff00ff">"factory.printing.PageSetup()"</SPAN>>
<BR><input type=button value=打印预览 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
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -