【学习笔记】常用脚本整理

1、addLoadEvent（网页加载完成后把多个自己编写的函数绑定到window.onload事件中）

*把现有的window.onload事件处理函数的值存入便令oldonload。

*如果在这个处理函数上还没有绑定任何函数，就像平时那样把新函数添加给它。

*如果在这个处理函数上已经绑定了一些函数，就把新函数追加到现有指令的末尾。

function addLoadEvent(func){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
　　window.onload = func;
　　}else{
　　　　window.onload = function() {
　　　　oldonload();
　　　　func();
　　　　}
　　}
}

2、在原有元素后插入一个新元素（虽然DOM本身没有提供insertAfter方法，但可以手动实现）

function insertAfter(newElement,targetElement){
    var parent = targetElement.parentNode;
    if(parent.lastChild == targetElement){
         parent.appendChild(newElement);  
    }else{
         parent.insertBefore(newElement,targetElement.nextSibling);//在targetElement后面元素之前添加
    }
} 

 3、不同浏览器使用Ajax时需建立的XMLHttpRequest对象不同，为兼容所有浏览器，可以调用以下函数

function getHTTPObject(){
      if(typeof XMLHttpRequest == "undefined"){
             XMLHttpRequest = function(){
                try {return new ActiveXObject("Msxml2.XMLHTTP.6.0");}
                catch(e){}
                try {return new ActiveXObject("Msxml2.XMLHTTP.3.0");}
                catch(e){}
                try {return new ActiveXObject("Msxml2.XMLHTTP");}
                catch(e){}
                return false;
              }
       }
       return new XMLHttpRequest();
}                                            

 4、交替更改表格行的背景色

a.如果浏览器支持CSS3：tr:nth-child(odd) {background-color:#ffc;}

                                         tr:nth-child(even){background-color:#fff;}

b. JS实现：

function stripeTables(){
      if(!document.getElementsByTagName) return false;
      var tables = document.getElementsByTagName("table");
      var odd,rows;
      for(var i=0;i<tables.length;i++){
             odd=false;
             rows= tables[i].getElementsByTagName("tr");
             for(var j=0;j<row.length;j++){
                  if(odd==true){
                       rows[j].style.backgroundColor="#ffc";
                       odd = false;
                  }else{
                       odd=true;
                   }
             }
        }    
}