zoukankan      html  css  js  c++  java
  • 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元素不存在这样的低级错误了。

  • 相关阅读:
    测试sql 查询时间
    C# 数组 ArrayList Array 在C#里把ArrayList转换为Array 或 把Array转换为ArrayList
    DotNet软件开发框架
    C# Socket多线程编程实例
    Yahoo!网站性能最佳体验的34条黄金守则
    最基本的Socket编程(C#)
    完全解决VS2008通过Internet连接VSS2005
    追MM与设计模式的有趣见解
    一个GridView的PagerTemplate
    线程
  • 原文地址:https://www.cnblogs.com/nianzhilian/p/4767191.html
Copyright © 2011-2022 走看看