常用的javascript小技巧。

事件源對象 


event.srcElement.tagName 
event.srcElement.type 


………………………………

捕獲釋放 


event.srcElement.setCapture();  
event.srcElement.releaseCapture();


事件按鍵

 
event.keyCode 
event.shiftKey 
event.altKey 
event.ctrlKey 


事件返回值

 
event.returnValue 


鼠標位置 


event.x 
event.y 


窗體活動元素

 
document.activeElement 


綁定事件

 
document.captureEvents(Event.KEYDOWN); 


訪問窗體元素 


document.all("txt").focus(); 
document.all("txt").select(); 


窗體命令 


document.execCommand 


窗體COOKIE 


document.cookie 


菜單事件 


document.oncontextmenu

 
創建元素


document.createElement("SPAN"); 


根據鼠標獲得元素:

 
document.elementFromPoint(event.x,event.y).tagName=="TD 
document.elementFromPoint(event.x,event.y).appendChild(ms)


窗體圖片

 
document.images[索引] 


窗體事件綁定 


document.οnmοusedοwn=scrollwindow; 


元素 


document.窗體.elements[索引]

 

對象綁定事件 


插件數目

 
navigator.plugins 


取變量類型

 
typeof($js_libpath) == "undefined" 


下拉框

 
下拉框.options[索引] 
下拉框.options.length 


查找對象 


document.getElementsByName("r1"); 
document.getElementById(id); 



定時 


UNCODE編碼 


escape() ,unescape 


父對象 


obj.parentElement(dhtml) 
obj.parentNode(dom)


交換表的行

 
TableID.moveRow(2,1) 


替換CSS 


document.all.csss.href = "a.css"; 


並排顯示 


display:inline

 
隱藏焦點 


hidefocus=true 


根據寬度換行

 
style="word-break:break-all"

 
自動刷新 


<meta HTTP-EQUIV="refresh" CONTENT="8;URL=http://c98.yeah.net">

 
簡單郵件

 
<a href="mailto:[email protected]?subject=ccc&body=xxxyyy"> 


快速轉到位置 


obj.scrollIntoView(true)

 


 
<a name="first"> 
<a href="#first">anchors</a> 


網頁傳遞參數

 
location.search();


可編輯

 
obj.contenteditable=true 


執行菜單命令

 
obj.execCommand 


雙字節字符 


/[^/x00-/xff]/ 


漢字 


/[/u4e00-/u9fa5]/ 


讓英文字符串超出表格寬度自動換行

 
word-wrap: break-word; word-break: break-all; 


透明背景

 
<IFRAME src="1.htm" width=300 height=180 allowtransparency></iframe> 


獲得style內容

 
obj.style.cssText 


HTML標籤

 
document.documentElement.innerHTML 


第一個style標籤

 
document.styleSheets[0] 


style標籤裏的第一個樣式

 
document.styleSheets[0].rules[0] 


防止點擊空鏈接時,頁面往往重置到頁首端。

 
<a href="javascript:function()">word</a> 


上一網頁源

 
asp: 
request.servervariables("HTTP_REFERER") 
javascript
document.referrer 


釋放內存

 
CollectGarbage();


禁止右鍵 


document.oncontextmenu = function() { return false;} 


禁止保存 


<noscript><iframe src="*.htm"></iframe></noscript>


禁止選取


<body οncοntextmenu="return false" οndragstart="return false" onselectstart ="return false" 
οnselect="document.selection.empty)" οncοpy="document.selection.empty)" onbeforecopy=
"return false"οnmοuseup="document.selection.empty()> 


禁止粘貼

 
<input type=text οnpaste="return false"> 


地址欄圖標 


<link rel="Shortcut Icon" href="favicon.ico">

favicon.ico 名字最好不變16*16的16色,放虛擬目錄根目錄下 
收藏欄圖標 

<link rel="Bookmark" href="favicon.ico"> 



查看源碼


關閉輸入法

 
<input style="ime-mode:disabled"> 


自動全選

 
<input type=text name=text1 value="123" οnfοcus="this.select()"> 


ENTER鍵可以讓光標移到下一個輸入框

 
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9">


文本框的默認值

 
<input type=text value="123" οnfοcus="alert(this.defaultValue)"> 


title換行

 
obj.title = "123&#13sdfs&#32" 


獲得時間所代表的微秒 


var n1 = new Date("2004-10-10".replace(/-/g, "//")).getTime() 


窗口是否關閉 


win.closed 


checkbox扁平

 
<input type=checkbox style="position: absolute; clip:rect(5px 15px 15px 5px)"> 


獲取選中內容 


document.selection.createRange().duplicate().text


自動完成功能

 
<input  type=text  autocomplete=on>打開該功能  
<input  type=text  autocomplete=off>關閉該功能 


窗口最大化 


<body οnlοad="window.resizeTo(window.screen.width - 4,window.screen.height-50);window.moveTo(-4,-4)"> 


無關閉按鈕IE

 
window.open("aa.htm", "meizz", "fullscreen=7"); 


統一編碼/解碼

 
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe"))) 
encodeURIComponent對":"、"/"、";" 和 "?"也編碼 



表格行指示


//各種尺寸 


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; 

 

//不緩存 


<META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> 
<META HTTP-EQUIV="expires" CONTENT="0"> 


//正則匹配 


匹配中文字符的正則表達式: [/u4e00-/u9fa5] 
匹配雙字節字符(包括漢字在內):[^/x00-/xff] 
匹配空行的正則表達式:/n[/s| ]*/r 
匹配HTML標記的正則表達式:/<(.*)>.*<///1>|<(.*) //>/  
匹配首尾空格的正則表達式:(^/s*)|(/s*$)(像vbscript那樣的trim函數) 
匹配Email地址的正則表達式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* 
匹配網址URL的正則表達式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)? 


以下是例子: 
利用正則表達式限制網頁表單裏的文本框輸入內容:


//消除圖像工具欄
[/html]
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="false">  
or 
<head> 
<meta http-equiv="imagetoolbar" content="no"> 
</head> 
[/html]
//取得控件得絕對位置(1)
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
//獲得控件的絕對位置(2) 


oRect = obj.getBoundingClientRect(); 
oRect.left 
oRect.


//打印分頁


<p  style="page-break-after:always">page1</p>   
<p  style="page-break-after:always">page2</p>   


//設置打印
[Ctrl+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=打印 οnclick=document.all.WebBrowser.ExecWB(6,1)>  
<input type=button value=直接打印 οnclick=document.all.WebBrowser.ExecWB(6,6)>  
<input type=button value=頁面設置 οnclick=document.all.WebBrowser.ExecWB(8,1)>  
</p>  
<p> <input type=button value=打印預覽 οnclick=document.all.WebBrowser.ExecWB(7,1)>  
</center>



//去掉打印時的頁眉頁腳 
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
//無模式的提示框 


function modelessAlert(Msg) 

   window.showModelessDialog("javascript:alert(/""+escape(Msg)+"/");window.close();","","status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;"); 




//下載文件 


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); 
  } 
 } 
}

 
//檢查網頁是否存在 


function CheckURL(URL) 

  var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
  xmlhttp.Open("GET",URL, false); 
  try 
  {  
    xmlhttp.Send();  
    var result = xmlhttp.status; 
  } 
  catch(e) {return(false); } 
  if(result==200) 
  {  
    return true; 
  } 
  xmlhttp = null; 
  return false; 
}



//禁止FSO 


1.註銷組件 
regsvr32 /u scrrun.dll 
2.修改PROGID 
HKEY_CLASSES_ROOT/Scripting.FileSystemObject 
Scripting.FileSystemObject 
3.對於使用object的用戶,修改HKEY_CLASSES_ROOT/Scripting. 
 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章