js的匿名函数和js的onload函数

所谓js匿名函数就是当用户一打开页面时不等到文档加载完就会执行里面的代码,语法如下:

(function(){})();

js的onload函数代码如下:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
<script>
            var btn = document.getElementById("oBtn");
            btn.onclick = function() {
                window.confirm(123);
            }
        </script>
    <body>
        <button id="oBtn"></button>
        
    </body>

</html>

如果按照上面的写法会报错  之所以报错是因为  加载文档的时候是从上往下加载 当加载到script时  由于获取不到dom元素  所以也就无法对dom元素进行操作

在看看下面这种:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <script>
        window.onload = function() {
            var btn = document.getElementById("oBtn");
            btn.onclick = function() {
                window.confirm(123);
            }
        }
    </script>

    <body>
        <button id="oBtn"></button>

    </body>

</html>

这种意思就是 当等到文档加载完毕后在执行里面的代码块  这样的话就不会报dom元素不存在这样的低级错误了。

posted @ 2015-08-28 18:00  飞奔的龟龟  阅读(604)  评论(0编辑  收藏  举报