javascript 判断页面加载完毕

zfszhangyuan 2012-05-14

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

<!--修改页面内容-->

<scriptlanguage="javascript">

window.onload=function(){

if(document.all){//简单判断是否是IE

changeButton();

}else{

changeButton();

}

}

functionchangeButton(){

varbuttons=document.getElementsByTagName("button");

for(vari=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">

functionaddEvent(obj,type,fn){

if(obj.addEventListener)

obj.addEventListener(type,fn,false);

elseif(obj.attachEvent){

obj["e"+type+fn]=fn;

obj.attachEvent("on"+type,function(){

obj["e"+type+fn]();

});

}

};

// dom 载入完成事件

functionsetDomLoad(fn){

if(!-[1,])

addEvent(document,"readystatechange",function(){

if(document.readyState=="complete"){

fn();

}});

else

addEvent(document,"DOMContentLoaded",fn);

}

//开始侦听

setDomLoad(init);

functioninit(){

alert("DOM载入完成!");

alert(document.getElementById('item2'));

}

</script>

相关推荐