[javascript学习指南]javascript常用的代码片段(学习笔记)

【www.bbyears.com--Dom教程】

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

本文来源：http://www.bbyears.com/wangyezhizuo/50098.html