?? 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 + -