頁面加載之window.onload=function(){} 和 $(function(){})的區別


通用的頁面加載js有四種方式: 
1.window.onload = function(){}; —-js 
2.$(window).load(function(){});——Jquery 
3.$(document).ready(function(){});–Jquery 
4.$(function(){});———————Jquery 
其中1和2為同一種,3和4為同一種 
1、2表示:頁面全部加載完成(引用文件,圖片)在加載內部函數,且只能執行一個(當文件由多個onload或者load,只加載最后一個)。 
3、4在window.onload執行前執行的,在DOM加載完畢后,頁面全部內容(如圖片等)完全加載完畢前被執行。而window.onload會在頁面資源全部加載完畢后才會執行。

PS: 
DOM文檔加載步驟: 
1.解析HTML結構 
2.加載外部的腳本和樣式文件 
3.解析並執行腳本代碼 
4.執行$(function(){})內對應代碼 
5.加載圖片等二進制資源 
6.頁面加載完畢,執行window.onload

相關資源整合: 
http://www.cnblogs.com/xfcao/p/6514438.html 
http://blog.csdn.net/lcc921528642/article/details/48379431


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM