javascript问题：window.onload问题

Question

javascript问题：window.onload问题

powerfulxm

31574450

发布于
2015-01-25

Humphry

16.4k63044

更新于
2015-01-25

问题：如果只写：

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>

javascript

阅读 3.4k

1 个回答

得票最新

XFHNever

870125

发布于
2015-01-25

网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:
一.将脚本代码放在网页的低端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。
二.通过window.onload来执行脚本代码。

不添加window.onload, 当document.getElementById('one')时，id为one的dom元素还没有被创建。

撰写回答