问题：如果只写：
1
702var one = document.getElementById('one');
one.onclick = function(){
alert('你单击了这个p小方块');
}
如果只写上述代码为什么单击p小方块没作用呢。
为什么要使用window.onload才可以？
请讲解一下，谢谢。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<style>
p{
width:100px;
height:100px;
border:1px solid black;
background:#f00;
}
</style>
<script>
window.onload = function(){
var one = document.getElementById('one');
one.onclick = function(){
alert('你单击了这个p小方块');
}
}
</script>
</head>
<body>
<p id="one"></p>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:
一.将脚本代码放在网页的低端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。
二.通过window.onload来执行脚本代码。
不添加window.onload, 当document.getElementById('one')时，id为one的dom元素还没有被创建。