jsp頁面中html,javascript.css的執行順序

來源:互聯網
上載者:User
其實瀏覽器載入顯示html的順序是按下面的順序進行的:1、IE下載的順序是從上到下,渲染的順序也是從上到下,下載和渲染是同時進行的。2、在渲染到頁面的某一部分時,其上面的所有部分都已經下載完成(並不是說所有相關聯的元素都已經下載完)。3、如果遇到語義解釋性的標籤嵌入檔案(JS指令碼,CSS樣式),那麼此時IE的下載過程會啟用單獨串連進行下載。4、並且在下載後進行解析,解析過程中,停止頁面所有往下元素的下載。5、樣式表在下載完成後,將和以前下載的所有樣式表一起進行解析,解析完成後,將對此前所有元素(含以前已經渲染的)重新進行渲染。6、JS、CSS中如有重定義,後定義函數將覆蓋前定義函數。

如果你的網頁比較大,希望部分內容先顯示出來,粘住瀏覽者,那麼你可以按照上面的規則合理的布局你的網頁,達到預期的目的。

http://www.cnblogs.com/EricaMIN1987_IT/p/3701025.html

1、DOMContentLoaded事件要等到所有JS執行完才觸發。

2、在CSS之前的jquery1.js一載入完了就立刻執行。而在CSS後的JS需要在CSS載入完之後才執行,比如說jquery3.js很早就載入完了,但是它等到style.css載入完了之後才執行,而且它還是在jquery2.js執行了之後才執行的,這是由於jquery3.js放在了jquery2.js之後。雖然對於現代瀏覽器,這些CSS、JS資源是並發請求的(從Send Request可以看出)。

總結:現代瀏覽器會並發的預先載入CSS, JS,也就是一開始就並發的請求這些資源,但是,執行CSS和JS的順序還是按原來的依賴順序(JS的執行要等待位於其前面的CSS和JS載入、執行完)。先載入完成的資源,如果其依賴還沒載入、執行完,就只能等著。

順序執行的,不過一般是css放在前面,js放在最後,這樣有利於頁面的載入速度,當然也有特殊情況

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.