• js加载事件和js函数定义


    一  dom文档树加载完之后执行一个函数

    在Dom加载完成后执行函数,下面这三个的作用是一样的,
    window.onload 是JavaScript的,window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数

    $(document).ready(function (){}) 是Jquery的,dom文档树加载完之后执行一个函数,这个函数比 window.onload 执行的要早
    而$(function(){}) 是 $(document).ready 的简便写法;

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>静态网址测试首页</title>
        <script src="resources/jquery-1.9.1.min.js" ></script>
    </head>
    <body>
    <script>
    
        window.onload = function () {
            alert("Window onload");
        }
    
    
        $(document).ready( function (x){
          alert("标准方式");
        })
    
    
        $(function() {
            alert(" 没有document的方法");
        })
    
    </script>
    </body>
    </html>
    View Code

    二 js 函数定义的三种方式 

    函数表达式方式的不同点, 必须在函数定义完成后才可以调用,详细例子看下面的代码执行结果

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JS 函数定义测试</title>
    </head>
    <body>
    
    <script>
    
    
        //一  经典的 函数声明方式
        console.log(standardfun());//可以正常打印结果  aaa
        function standardfun() {
            alert("这是一种经典写法");
            return "aaa";
        }
    
        console.log(standardfun()); //可以正常打印结果  aaa
    
    
        //二  函数表达式
        // console.log(ff()); //  打印提示错误 ff is not a function
        console.log(ff); //打印 undefined
        var ff = function ffs() {
            alert("函数直接量表达式");
            return "bbb";
        }
        console.log(ff())//可以正常打印结果 bbb
    
        //函数表达式 ----匿名函数
        var ff1 = function () {
            alert("现在流行的写法")
        }
    
        //三 使用Function的构造函数  最后一个实参所表示的文本是函数体
        console.log(sum3); //undefined
        var sum3 = new Function("num1", "num2", "return num1+num2");
        console.log(sum3(2, 3));//5
    </script>
    </body>
    </html>
    View Code
  • 相关阅读:
    等保测评(一)
    一个基于RNN的实体抽取工具
    如何画UML类图
    mysql存储过程整理
    记一次mysql事务未提交导致锁未释放的问题
    开启·元宇宙·区块链金融
    Nacos启动报错:[db-load-error]load jdbc.properties error
    使用Bazel编译TypeScript
    Win10上Docker无法正常启动 出现install WSL2 kernel update的情况
    VSCode调试PHP环境配置 phpstudy vscode xdebug调试
  • 原文地址:https://www.cnblogs.com/maanshancss/p/9302766.html
Copyright © 2020-2023  润新知