Html頁面內容的執行順序

2021-08-08 21:50:24 字數 947 閱讀 7153

在沒有呼叫$(function(){});或者是window.οnlοad=function(){}時

html文件時按照從上到下執行 的,所以有時候你會發現當你放在

標籤裡的 時候,會得不到你想要的,解決方法是:

將指令碼放在body標籤結束之前,其實js 可以放在html 的任何地方

然而我們如果想不要放在body標籤結束之前,要放在頭部怎麼辦,其實也是可以做的

就是在上面那段js 使用 $(function(){});包起來,在html文件樹結構

載入完畢(並不包括一些靜態資源:比如等)才執行,在同乙個頁面,可以使用多個$(function(){}),因為$(function(){})是個閉包,

各個$(function(){})之間相互不影響

$(function(){})與window.load=function(){}的區別

執行結果是:

ready1111111111111執行

ready222222222222222執行

onload2222222222222

說明:如果註冊多個window.onload事件,事件會被覆蓋,而且前面事件都不會執行

而$(function(){})則互不影響

還有一點就是window.onload 是在整個頁面載入完成後(包括一些靜態資源)才會被執行

dom文件載入步驟: 

1.解析html結構 

2.載入外部的指令碼和樣式檔案 

3.解析並執行指令碼** 

4.執行$(function(){})內對應** 

5.載入等二進位制資源 

6.頁面載入完畢,執行window.onload

html頁面載入順序

html頁面按順序載入 總體上,html的是按從上到下的順序邊載入邊解析,邊生成dom物件,至於在html中夾雜的 document.write x 之類的東西,它們的順序是怎樣的呢?還是一樣,如果在解析html時,遇到這些東西就會停止解析,轉而執行這些生成語句,如果中間插入外部鏈結,就轉而解析 執...

HTML總結 頁面內容的表現

一 html的基本結構 內含 等結構 二 文字標籤 1 結構化標記 標題 段落 換行符 水平線 粗體 斜體 上標 下標 大字型大小標籤 小字號標籤 特殊符號等 2 語義化標記 加粗 強調 長引用 短引用 縮寫字 首字母縮寫詞 引用 定義術語 設計者聯絡詳情 用來顯示已經插入到文件中的內容 有下劃線 ...

如何控制頁面內容的載入順序

目前 之間相互呼叫的情況越來越多,比如 需要呼叫某個第三方提供的一些介面 天氣預報 或者是第三方提供的廣告.但是出於各種原因 網路故障 伺服器故障 軟體故障.常常會發生第三方的相應頁面不能訪問的情況,而直接導致自己 不能正常訪問,或者訪問速度比較慢。比如 某個 為 頭 內容 底 結構,在 的頭部放置...