php onload,window.onload的使用方法

根据案例来了解一下window.onload的使用

案例一

p{

width: 100px;

height: 100px;

background: red;

margin-left: 50px;

margin-top: 30px;

display: none;

}

window.οnlοad=function(){//

function btn(obj){//

var box=document.getElementById(obj);//

box.style.display="block";//

}//

}

function btn(obj){

var box=document.getElementById(obj);

box.style.display="block";

}

显示第一个盒子

显示第二个盒子

显示第三个盒子

显示第四个盒子

1

2

3

4

这种情况下，如果把js放在window.onload里面会报错。

解析：放在onload中的js会等html加载完再执行函数，但是在加载html的时候，里面有οnclick="btn('box1')"，会找不到这个函数(由于这个时候函数还没有加载)。要调用这个函数，就要让它加载完毕。

案例二

111

• 
• 
• 
• 
•