javascript 判断页面加载完毕

这个函数用户判断当页面加载完毕的时候，设置按钮上的文本如果页面没有加在完毕的时候，那么只会显现代码上面部分的按钮。只有在判断加在完毕的时候才会限制这个按钮。

<!--修改页面内容-->
<script language="javascript">
    window.onload = function () {    
        if(document.all) {//简单判断是否是IE    
   
    changeButton() ;
        } else {    
        
   changeButton() ; 
        }    
    }  
 
function changeButton(){
 var buttons  =document.getElementsByTagName("button");
  for(var i=0;i<buttons.length;i++){
    if(buttons[i].getAttribute("id") == null || buttons[i].getAttribute("id") == '' ){
         buttons[i].innerHTML="&#19979;&#19968;&#27493;";
    }
  }
} 
</script>

 

 

上面的方法不是很好，用下面的方法

 

 

<script type="text/javascript">

function addEvent( obj, type, fn ) {
    if (obj.addEventListener)
        obj.addEventListener( type, fn, false );
    else if (obj.attachEvent) {
        obj["e"+type+fn] = fn;
        obj.attachEvent( "on"+type, function() {
            obj["e"+type+fn]();
        } );
    }
};

// dom 载入完成事件
function setDomLoad( fn ){
 if(!-[1,])
  addEvent(document, "readystatechange", function(){
   if(document.readyState=="complete"){
    fn();
   }});
 else
  addEvent(document, "DOMContentLoaded", fn);
}

//开始侦听
setDomLoad(init);
function init(){
 alert("DOM载入完成!");
 alert(document.getElementById('item2'));
}

</script>