javascript问题:window.onload问题

如是我聞 发布于 2015/01/25 18:41
阅读 318
收藏 0

问题:如果只写:
var one = document.getElementById('one'); one.onclick = function(){
alert('你单击了这个DIV小方块'); }
如果只写上述代码为什么单击div小方块没作用呢。 为什么要使用window.onload才可以?
请讲解一下,谢谢。

===============================================
<!DOCTYPE HTML>


<html>
<head>
<meta charset="UTF-8" />


<style>
div{
width:100px;
height:100px;
border:1px solid black;
background:#f00;
}
</style>

<script>
window.onload = function(){
var one = document.getElementById('one');
one.onclick = function(){
alert('你单击了这个DIV小方块');
}
}

</script>

</head>


<body>
<div id="one"></div>


</body>
</html>

加载中
1
纠结名字
因为执行one.onclick=function(){}的时候,id为one的div还不存在。你把one.onclick写在div#one的后面,就都可以。
0
kl2422
kl2422
代码是从上往下执行window.onload是指dom构建完了就加载,如果你没写的话 你dom没构建完 获取不到id为one的元素
返回顶部
顶部