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

  • 相关阅读:
    js 面试的坑:变量提升
    meta 标签大全
    一个极为简单的requirejs实现
    AMD 的 CommonJS wrapping
    浅解析js中的对象
    javascript运动系列第二篇——变速运动
    开发汉澳即时通信网,2006年上线,QQ死期到了
    SpringMVC中的异步提交表单
    HDU 3698 DP+线段树
    黑马程序猿_反射、内省、泛型
  • 原文地址:https://www.cnblogs.com/nianzhilian/p/4767191.html
Copyright © 2020-2023  润新知