📄 javascript小技巧 .html
字号:
<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><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>
<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>
<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 style="COLOR: #ff00ff">"打印本页"</span> onclick=<span style="COLOR: #ff00ff">"factory.printing.Print(false)"</span>>
<br/><input type=button value=<span style="COLOR: #ff00ff">"页面设置"</span> onclick=<span style="COLOR: #ff00ff">"factory.printing.PageSetup()"</span>>
<br/><input type=button value=<span style="COLOR: #ff00ff">"打印预览"</span> onclick=<span style="COLOR: #ff00ff">"factory.printing.Preview()"</span>><br>
<br/><a href=<span style="COLOR: #ff00ff">"http:<span style="COLOR: #008000">//www.meadroid.com/scriptx/docs/printdoc.htm?static"</span>  target=_blank>具体使用手册，更多信息，点这里</a> </span>
<br/><strong> </strong>
</div>
<p><strong>//自带的打印预览</strong>
</p></font><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">WebBrowser.ExecWB(1,1) 打开 
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -