一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript常用的代码片段(学习笔记)

时间:2014-03-11 编辑:简简单单 来源:一聚教程网

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

热门栏目