通用的頁面加載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