通用的頁面載入js有四種方式：
1.window.onload = function(){}; —-js
2.( wi
ndow
).lo
ad(f
unct
ion(
));—
—jqu
ery3.
(window).load(function(){});——jquery 3.
(windo
w).l
oad(
func
tion
());
——jq
uery
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
windows常用的幾個重要方法：
window.οnlοad=function()
window.οnresize=function()
window.location.href 屬性返回當前頁面的 url
window.location.reload();頁面自動重新整理
window.location.reload()和window.location.href 區別
window.location.reload();頁面自動重新整理
window.location.href=window.location.href; 是定向url提交資料
他們最大區別是 是否有資料提交：
前者提交資料的重新整理
後者沒有提交的重新整理
頁面載入順序
1.window.onload function 這段 會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成，而且要求所有的外部和資源全部載入完成。更不幸的是，如果外部資源，例如需要很長時間來載入，那麼這個js效果就會讓使用者感覺失效了。2.f...
頁面載入提示
var pageheight document.documentelement.clientheight var pagewidth document.documentelement.clientwidth 計算loading框距離頂部和左部的距離 loading框的寬度為215px，高度為61px...
jquery頁面載入
jquery事件新增，全部採用現代事件新增方式，乙個事件可以繫結多個函式 jquery物件 dom轉化為jquery var obj document.getelementbyid div1 dom物件轉化為jquery var jq obj alert jq.html jquery轉為dom va...