使用 body onload 与其他方法有何功能上的区别?
一方面,在页面末尾执行脚本:
第二种方法对我来说更好,特别是当页面加载时需要执行更多的操作。但也许有我不知道的陷阱?
<!DOCTYPE html>
<html>
<head>
<title>testing body onload</title>
</head>
<body onload="fu('this is from body onload')">
<h2 id="I1">nothing yet</h2>
<script>
function fu (msg) {
document.getElementById("I1").innerHTML = msg ;
}
</script>
</body>
</html>
一方面,在页面末尾执行脚本:
<!DOCTYPE html>
<html>
<head>
<title>testing body onload</title>
</head>
<body>
<h2 id="I1">nothing yet</h2>
<script>
function fu (msg){
document.getElementById("I1").innerHTML = msg ;
}
fu('this is from bottom script') ;
</script>
</body>
</html>
第二种方法对我来说更好,特别是当页面加载时需要执行更多的操作。但也许有我不知道的陷阱?
onload
会等待所有图片、iframe 等加载完毕后再执行,而底部的<script>
则不会。 - fuyushimoya