一 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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS中函數與事件 js常用函數和事件 js 函數定義的兩種方式以及事件綁定（掃盲）動態加載JS函數 js 和 jquery 的頁面加載事件 js 通過function來定義函數 js函數定義和使用 js函數定義的分類 JS定義函數 JS自定義事件