$(document).ready與 window.onload區別

時間 2019-11-12

標籤 document ready window.onload window onload 區別欄目 JavaScript 简体版

原文原文鏈接

一、$(document).ready(function(){}) 等同於$(function(){}) javascript

在dom文檔樹加載完以後執行（文件不須要加載完，便可執行。）html

通俗點：包括img等資源也加載完成，可是相關的文件沒有下載下來，能同時編寫多個java

二、window.onloadjquery

在dom文檔樹加載完和全部文件加載完以後執行一個函數dom

通俗點：img等資源也加載完成，相關文件也下載完成了，不能同時編寫多個（如有多個，則只執行最後一個，上面的被覆蓋）函數

總結：$(document).ready要比window.onload先執行。spa

舉個栗子來驗證：code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        window.onload = function(){ alert("window.onload"); } $(document).ready(function(){ alert("ready"); }) </script> </body> </html>

相關標籤/搜索