jQuery兩種入口函數與DOM函數的對比

第一種:jQuery入口函數完整寫法:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(document).ready(function () { // 等待DOM元素加載完畢
            alert("Hello World"); // 彈出一個提示框
        });
    </script>
</head>

第二種:簡化寫法:

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>
        $(function () { // 等待DOM元素加載完畢
            alert("Hello World"); // 彈出一個提示框
        });
    </script>
</head>

以上兩種jQuery的入口函數,類似於傳統的JavaScript中的window.onload方法,不過與window.onload還是有一些區別。

描述 window.onload $(document).ready()
執行 時機 必須等待網頁中所有的內容都加載完畢後(包括圖片)才能執行 網頁中所有DOM結構繪製完畢後就執行,可能DOM元素相關聯的東西並沒有加載完成(例如圖片還沒下載完成)
編寫 個數 不能同時編寫多個 可以同時別寫多個
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章