问题： 我始终认为应用javascript的document.onLoad指定一个函数，跟在Body标签中退出onLoad是一样的 不过能过明天的示例发现，document.onLoad并不是在页面加载实现时引发。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
function mytest1() {
console.log('document', new Date())
console.log('document', document.querySelector('body'))
// alert(document.getElementById("my2"));
console.time()
}
document.onLoad = mytest1();
function mytest2() {
console.log('body', new Date())
console.log('body', document.querySelector('body'))
console.log('body img', document.querySelector('img'))
console.timeEnd()
console.time()
// alert(document.getElementById("my2"));
}
function mytest3() {
console.log('img', new Date())
console.log('img', document.querySelector('img'))
console.timeEnd()
// alert(document.getElementById("my2"));
}
</script>
</head>
<body onload="mytest2()">
<p id="my2" >测试内容</p>
<img onload="mytest3()" src="./logo.png"/>
</body>
</html>调用 docuemnt.onload 指的是这个文档元素加载实现时，仅当DOM加载实现，不包含它子元素，
他们的程序是 docuemnt.onload > body 外部的元素的onload > body onload
而且，windows.onload 就是 body onload 因为，他们应该是同一个办法
body 标签上的 onload=”mytest2()” 办法会笼罩，windows.onload 赋值办法
如果，windows.onload 是在 加载实现body 标签之后赋值的 会笼罩 body 标签上的 onload 办法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
function mytest1() {
console.log('document', new Date())
console.log('document', document.querySelector('body'))
// alert(document.getElementById("my2"));
}
document.onLoad = mytest1();
function mytest2() {
console.log('body', new Date())
console.log('body', document.querySelector('body'))
console.log('body img', document.querySelector('img'))
// alert(document.getElementById("my2"));
}
function mytest3() {
console.log('img', new Date())
console.log('img', document.querySelector('img'))
// alert(document.getElementById("my2"));
}
window.onload = function(){
console.log('window', new Date())
}
</script>
</head>
<body onload="mytest2()">
<p id="my2" >测试内容</p>
<img onload="mytest3()" src="./logo.png"/>
</body>
</html>
发表回复