首页 > Web开发 > 详细

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

时间:2015-08-28 19:39:45      阅读:238      评论:0      收藏:0      [点我收藏+]

所谓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元素不存在这样的低级错误了。

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

原文:http://www.cnblogs.com/nianzhilian/p/4767191.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!