首頁 > 開發者 > JavaScript

Javascript小技巧(2)

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
 //各種尺寸 
  s  +=  "\r\n網頁可見地區寬："+  document.body.clientWidth;   
  s  +=  "\r\n網頁可見地區高："+  document.body.clientHeight;   
  s  +=  "\r\n網頁可見地區高："+  document.body.offsetWeight  +"  (包括邊線的寬)";   
  s  +=  "\r\n網頁可見地區高："+  document.body.offsetHeight  +"  (包括邊線的寬)";   
  s  +=  "\r\n網頁本文全文寬："+  document.body.scrollWidth;   
  s  +=  "\r\n網頁本文全文高："+  document.body.scrollHeight;   
  s  +=  "\r\n網頁被捲去的高："+  document.body.scrollTop;   
  s  +=  "\r\n網頁被捲去的左："+  document.body.scrollLeft;   
  s  +=  "\r\n網頁本文部分上："+  window.screenTop;   
  s  +=  "\r\n網頁本文部分左："+  window.screenLeft;   
  s  +=  "\r\n螢幕解析度的高："+  window.screen.height;   
  s  +=  "\r\n螢幕解析度的寬："+  window.screen.width;   
  s  +=  "\r\n螢幕可用工作區高度："+  window.screen.availHeight;   
  s  +=  "\r\n螢幕可用工作區寬度："+  window.screen.availWidth;   
//過濾數字 
<input type=text onkeypress="return 
event.keyCode>=48&&event.keyCode<=57||(this.value.indexOf('.')<0?event.keyCode==46:false)" 
onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return 
false"> 
//特殊用途 
<input type=button value=匯入收藏夾 
onclick="window.external.ImportExportFavorites(true,'http://localhost');"> 
<input type=button value=匯出收藏夾 
onclick="window.external.ImportExportFavorites(false,'http://localhost');"> 
<input type=button value=整理收藏夾 
onclick="window.external.ShowBrowserUI('OrganizeFavorites', null)"> 
<input type=button value=語言設定   
onclick="window.external.ShowBrowserUI('LanguageDialog', null)"> 
<input type=button value=加入收藏夾 
onclick="window.external.AddFavorite('http://www.google.com/', 'google')"> 
<input type=button value=加入到頻道 
onclick="window.external.addChannel('http://www.google.com/')"> 
<input type=button value=加入到頻道 
onclick="window.external.showBrowserUI('PrivacySettings',null)"> 
//不緩衝 
<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0"> 

//正則匹配 
匹配中文字元的Regex： [\u4e00-\u9fa5] 
匹配雙位元組字元(包括漢字在內)：[^\x00-\xff] 
匹配空行的Regex：\n[\s| ]*\r 
匹配HTML標記的Regex：/<(.*)>.*<\/\1>|<(.*) \/>/  
匹配首尾空格的Regex：(^\s*)|(\s*$)（像vbscript那樣的trim函數） 
匹配Email地址的Regex：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)* 
匹配網址URL的Regex：http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)? 
以下是例子： 
利用Regex限制網頁表單裡的文字框輸入內容： 
用Regex限制只能輸入中文：onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" 

1.用Regex限制只能輸入全形字元： onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" 
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" 

2.用Regex限制只能輸入數字：onkeyup="value=value.replace(/[^\d]/g,'') 
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

3.用Regex限制只能輸入數字和英文：onkeyup="value=value.replace(/[\W]/g,'') 
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" 

//消除映像工具列 
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">  
or 
<head> 
<meta http-equiv="imagetoolbar" content="no"> 
</head> 
//無提示關閉 

function Close() 
{ 
 var ua=navigator.userAgent 
 var ie=navigator.appName=="Microsoft Internet Explorer"?true:false 
 if(ie) 
 { 
      var IEversion=parseFloat(ua.substring(ua.indexOf("MSIE 
")+5,ua.indexOf(";",ua.indexOf("MSIE ")))) 
  if(IEversion< 5.5) 
  { 
   var str  = '<object id=noTipClose 
classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">' 
       str += '<param name="Command" value="Close"></object>'; 
       document.body.insertAdjacentHTML("beforeEnd", str); 
       document.all.noTipClose.Click(); 
  } 
      else 
  { 
       window.opener =null; 
       window.close(); 
      } 
   } 
 else 
 { 
  window.close() 
   } 
} 
//取得控制項得絕對位置(1) 

<script language="javascript">  
function getoffset(e) 
{  
 var t=e.offsetTop;  
 var l=e.offsetLeft;  
 while(e=e.offsetParent) 
 {  
  t+=e.offsetTop;  
  l+=e.offsetLeft;  
 }  
 var rec = new Array(1); 
 rec[0]  = t; 
 rec[1] = l; 
 return rec 
}  
</script> 
//獲得控制項的絕對位置(2) 
oRect = obj.getBoundingClientRect(); 
oRect.left 
oRect. 
//最小化,最大化,關閉 
<object id=min classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Minimize"></object>  
<object id=max classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">  
<param name="Command" value="Maximize"></object>  
<OBJECT id=close classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">  
<PARAM NAME="Command" value="Close"></OBJECT>  
<input type=button value=最小化 onclick=min.Click()>  
<input type=button value=最大化 onclick=max.Click()>  
<input type=button value=關閉 onclick=close.Click()>  
//游標停在文字最後 

<script language="javascript"> 
function cc() 
{ 
 var e = event.srcElement; 
 var r =e.createTextRange(); 
 r.moveStart('character',e.value.length); 
 r.collapse(true); 
 r.select(); 
} 
</script> 
<input type=text name=text1 value="123" onfocus="cc()"> 
//頁面進入和退出的特效 

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, 
transition=y)"> 
推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, 
transition=y)">  
這個是頁面被載入和調出時的一些特效。duration表示特效的期間，以秒為單位。transition表示使 
用哪種特效，取值為1-23: 
　　0 矩形縮小  
　　1 矩形擴大  
　　2 圓形縮小 
　　3 圓形擴大  
　　4 下到上重新整理  
　　5 上到下重新整理 
　　6 左到右重新整理  
　　7 右到左重新整理  
　　8 豎百葉窗 
　　9 橫百葉窗  
　　10 錯位橫百葉窗  
　　11 錯位豎百葉窗 
　　12 點擴散  
　　13 左右到中間重新整理  
　　14 中間到左右重新整理 
　　15 中間到上下 
　　16 上下到中間  
　　17 右下到左上 
　　18 右上到左下  
　　19 左上到右下  
　　20 左下到右上 
　　21 橫條  
　　22 豎條  
　　23  
//網頁是否被檢索 
<meta name="ROBOTS" content="屬性值"> 
　　其中屬性值有以下一些: 
　　屬性值為"all": 檔案將被檢索，且頁上連結可被查詢； 
　　屬性值為"none": 檔案不被檢索，而且不查詢頁上的連結； 
　　屬性值為"index": 檔案將被檢索； 
　　屬性值為"follow": 查詢頁上的連結； 
　　屬性值為"noindex": 檔案不檢索，但可被查詢連結； 
　　屬性值為"nofollow":  

//列印分頁 
<p  style="page-break-after:always">page1</p>   
<p  style="page-break-after:always">page2</p>   

//設定列印 

<object id="factory" style="display:none" viewastext 
  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" 
  codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360" 
></object> 
<input type=button value=版面設定 onclick="factory.printing.PageSetup()"> 
<input type=button value=預覽列印 onclick="factory.printing.Preview()"> 
  
<script language=javascript> 
function window.onload() 
{ 
   // -- advanced features 
   factory.printing.SetMarginMeasure(2) // measure margins in inches 
   factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3 
   factory.printing.printer = "HP DeskJet 870C" 
   factory.printing.copies = 2 
   factory.printing.collate = true 
   factory.printing.paperSize = "A4" 
   factory.printing.paperSource = "Manual feed" 
   // -- basic features 
   factory.printing.header = "居左顯示&b置中顯示&b居右顯示頁碼，第&p頁/共&P頁" 
   factory.printing.footer = "（自訂頁尾）" 
   factory.printing.portrait = false 
   factory.printing.leftMargin = 0.75 
   factory.printing.topMargin = 1.5 
   factory.printing.rightMargin = 0.75 
   factory.printing.bottomMargin = 1.5 
} 
function Print(frame) { 
  factory.printing.Print(true, frame) // print with prompt 
} 
</script> 
<input type=button value="列印本頁" onclick="factory.printing.Print(false)"> 
<input type=button value="版面設定" onclick="factory.printing.PageSetup()"> 
<input type=button value="預覽列印" onclick="factory.printing.Preview()"><br> 
<a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static"  
target=_blank>具體使用手冊，更多資訊，點這裡</a> 

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
javascript parsefloat 2 decimal javascript wait 2 seconds javascript array 2 dimension javascript round to 2 decimal javascript string to float 2 decimal javascript number round 2 decimal places javascript parsefloat to 2 decimal places
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More