一 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

js加载事件和js函数定义

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

二 js 函数定义的三种方式

猜你喜欢