常用javascript代碼大全

來源:互聯網
上載者:User

 

//特殊用途

<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,''))"

//頁面進入和退出的特效

進入頁面<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 

//列印分頁 <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>

//內建的預覽列印
WebBrowser.ExecWB(1,1) 開啟 
Web.ExecWB(2,1) 關閉現在所有的IE視窗,並開啟一個新視窗 
Web.ExecWB(4,1) 儲存網頁 
Web.ExecWB(6,1) 列印 
Web.ExecWB(7,1) 預覽列印 
Web.ExecWB(8,1) 列印版面設定 
Web.ExecWB(10,1) 查看頁面屬性 
Web.ExecWB(15,1) 好像是撤銷,有待確認 
Web.ExecWB(17,1) 全選 
Web.ExecWB(22,1) 重新整理 
Web.ExecWB(45,1) 關閉表單無提示 
<style media=print> 
.Noprint{display:none;}<!--用本樣式在列印時隱藏非列印項目--> 
.PageNext{page-break-after: always;}<!--控制分頁--> 
</style> 
<object  id="WebBrowser"  width=0  height=0  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">    

</object>    
 
<center class="Noprint" >
<input type=button value=列印 onclick=document.all.WebBrowser.ExecWB(6,1)> 
<input type=button value=直接列印 onclick=document.all.WebBrowser.ExecWB(6,6)> 
<input type=button value=版面設定 onclick=document.all.WebBrowser.ExecWB(8,1)> 
</p> 
<p> <input type=button value=預覽列印 onclick=document.all.WebBrowser.ExecWB(7,1)> 
</center>

 

//去掉列印時的頁首頁尾

<script  language="JavaScript">  
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="SoftwareMicrosoftInternet ExplorerPageSetup";
//設定網頁列印的頁首頁尾為空白
function PageSetup_Null()
{
try
{
         var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e){}
}
//設定網頁列印的頁首頁尾為預設值
function  PageSetup_Default()
{  
try
{
  var Wsh=new ActiveXObject("WScript.Shell");
  HKEY_Key="header";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b頁碼,&p/&P");
  HKEY_Key="footer";
  Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
}
catch(e){}
}
</script>
<input type="button" value="清空頁碼" onclick=PageSetup_Null()>
<input type="button" value="恢複頁碼" onclick=PageSetup_Default()>

//屏蔽按鍵
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <noscript><meta http-equiv="refresh" content="0;url=about:noscript"></noscript>

  <title>屏蔽滑鼠右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5重新整理、退格鍵</title>
</head>
<body>
<script language="Javascript"><!--
  //屏蔽滑鼠右鍵、Ctrl+N、Shift+F10、F11、F5重新整理、退格鍵
  //Author: meizz(梅花雨) 2002-6-18
function document.oncontextmenu(){event.returnValue=false;}//屏蔽滑鼠右鍵
function window.onhelp(){return false} //屏蔽F1協助
function document.onkeydown()
{
  if ((window.event.altKey)&&
      ((window.event.keyCode==37)||   //屏蔽 Alt+ 方向鍵 ←
       (window.event.keyCode==39)))   //屏蔽 Alt+ 方向鍵 →
  {
     alert("不準你使用ALT+方向鍵前進或後退網頁!");
     event.returnValue=false;
  }
     /* 註:這還不是真正地屏蔽 Alt+ 方向鍵,
     因為 Alt+ 方向鍵彈出警告框時,按住 ALT 鍵不放,
     用滑鼠點掉警告框,這種屏蔽方法就失效了。以後若
     有哪位高手有真正屏蔽 ALT 鍵的方法,請告知。*/
  if ((event.keyCode==8)  ||                 //屏蔽退格刪除鍵
      (event.keyCode==116)||                 //屏蔽 F5 重新整理鍵
      (event.ctrlKey && event.keyCode==82)){ //Ctrl + R
     event.keyCode=0;
     event.returnValue=false;
     }
  if (event.keyCode==122){event.keyCode=0;event.returnValue=false;}  //屏蔽F11
  if (event.ctrlKey && event.keyCode==78) event.returnValue=false;   //屏蔽 Ctrl+n
  if (event.shiftKey && event.keyCode==121)event.returnValue=false;  //屏蔽 shift+F10

  if (window.event.srcElement.tagName == "A" && window.event.shiftKey) 
      window.event.returnValue = false;             //屏蔽 shift 加滑鼠左鍵新開一網頁
  if ((window.event.altKey)&&(window.event.keyCode==115))             //屏蔽Alt+F4
  {
      window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");

      return false;
  }
}
</script>
屏蔽滑鼠右鍵、Ctrl+N、Shift+F10、Alt+F4、F11、F5重新整理、退格鍵
</body>
</html>

//屏蔽列印
<style>
@media print{
* {display:none}
}
</style>

//省略符號

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
            overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字,很長,表格內一行顯示不下.</NOBR>
</DIV>

//移動的圖層,拖動

1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span>

<script language=javascript>
var Obj;
function MouseDown(obj)
{
  Obj=obj;
  Obj.setCapture();
  Obj.l=event.x-Obj.style.pixelLeft;
  Obj.t=event.y-Obj.style.pixelTop;
}
function MouseMove()
{
  if(Obj!=null)
  {
    Obj.style.left = event.x-Obj.l;
    Obj.style.top = event.y-Obj.t;
  }
}
function MouseUp()
{
  if(Obj!=null)
  {
    Obj.releaseCapture();
    Obj=null;
  }
}
</script>
2.
<div id="myDiv" src="logo.gif" ondrag="doDrag();" onmouseover="this.style.cursor='hand'" style="position:absolute;left=100;top=100;" onmousedown="doMouseDown();">

<a href="#" onclick="return false"><h1>wlecome</h1></a>
</div>
<script language="JavaScript" type="text/javascript">
var orgMouseX;
var orgMouseY;
var orgObjX;
var orgObjY;
function doDrag()
{
var myObject=document.all.myDiv;

var x=event.clientX;
var y=event.clientY;
myObject.style.left=x-(orgMouseX-orgObjX);
myObject.style.top=y-(orgMouseY-orgObjY);
 
}
function doMouseDown()
{
orgMouseX=event.clientX;
orgMouseY=event.clientY;
orgObjX=parseInt(document.all.myDiv.style.left);
orgObjY=parseInt(document.all.myDiv.style.top);
}

</script>

//下載檔案

function DownURL(strRemoteURL,strLocalURL)
{
try
{
  var xmlHTTP=new ActiveXObject("Microsoft.XMLHTTP");
  xmlHTTP.open("Get",strRemoteURL,false);
  xmlHTTP.send();
  var adodbStream=new ActiveXObject("ADODB.Stream");
  adodbStream.Type=1;//1=adTypeBinary
  adodbStream.Open();
  adodbStream.write(xmlHTTP.responseBody);
  adodbStream.SaveToFile(strLocalURL,2);
  adodbStream.Close();
  adodbStream=null;
  xmlHTTP=null;
  
}
catch(e)
{
  window.confirm("下載URL出錯!");
}
//window.confirm("下載完成.");
}

//檢驗串連是否有效

function getXML(URL) 
{
var xmlhttp = new ActiveXObject("microsoft.xmlhttp");
xmlhttp.Open("GET",URL, false); 
try

  xmlhttp.Send();
}
catch(e){}
finally 
{
  var result = xmlhttp.responseText;
  if(result) 
  {
   if(xmlhttp.Status==200)
   {
    return(true);
   }
   else 
   {
    return(false);
   }
  }
  else 
  {
   return(false);
  }
}
}

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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