javascript常用的程式碼片段(學習筆記)

擷取DOM對象

 

代碼如下	複製代碼
function getel(e) {     if (document.getElementById) {         return document.getElementById(e);     } else if (document.all){         return document.all[e];     } }

xmlHttp

代碼如下

複製代碼

//定義方法 擷取XMLHttpRequest對象 function ajaxLoad(method,url,cfunc){     if(window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari       xmlhttp=new XMLHttpRequest();     }else{// code for IE6, IE5       xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");     }     xmlhttp.onreadystatechange=cfunc;     xmlhttp.open(method,url,true);     xmlhttp.send(); } //使用方法 var url="http://www.111cn.net" ajaxLoad("GET",url,function(){   if (xmlhttp.readyState==4 && xmlhttp.status==200){     document.getElementById("message").innerHTML=xmlhttp.responseText;   } });

擷取URL裡的GET參數

代碼如下	複製代碼
//url裡的查詢參數 function getQueryString(name) {     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");     var r = window.location.search.substr(1).match(reg);     if (r != null) return unescape(r[2]); return null; }

綁定click監聽

代碼如下	複製代碼
document.getElementById("DIV_ID").addEventListener('click', function(){     //click後執行 });

對DOM對象設定CSS

代碼如下	複製代碼
document.getElementById("DIV_ID").style.display="none";

定時器操作

代碼如下

複製代碼

//定時1秒，執行10秒 tickLimit = 10; function showTicks(){     var tickCounter = 1;     intervalId = setInterval(function(){         //定時時間限制到了，清除定時器         if (tickCounter > tickLimit) {             clearInterval(intervalId); //取消 setInterval()         }         //do something     }     tickCounter++; },1000); //如果需要停止定時執行 //取消之前的定時設定 if(typeof(intervalId)!="undefined"){     clearInterval(intervalId); }