頁面載入進度條實現——readyState和onreadystatechange
阿新 • • 發佈：2018-11-16
document.readyState 屬性返回當前文件的狀態（載入中……）。
共有四種取值：
1，uninitialized - 還未開始載入 uninitialized 英 [ʌnɪ'nɪʃlaɪzd] 未初始化
2，loading - 載入中
3，interactive - 已載入，文件與使用者可以開始互動 interactive 英 [ˌɪntərˈæktɪv] adj.互動的;互相作用的，相互影響的;[計]互動式的
4，complete - 載入完成
document.onreadystatechange：
onreadystatechange 事件通常用在基於 XMLHttpRequest 物件的 AJAX 應用中，當的該物件的 load state 改變時，會觸發此事件。
但在 IE 中 onreadystatechange 事件是其私有實現的，用於資料載入的 IMG、SCRIPT 和 LINK 標記，常常被誤用 onreadystatechange 事件而導致在非 IE 瀏覽器中無法得到預期結果。
知識擴充套件：onload，指示頁面包含圖片等檔案在內的所有元素都載入完成。
支援該事件的 HTML 標籤：<body>, <frame>, <frameset>, <iframe>, <img>, <link>, <script>
支援該事件的 JavaScript 物件：image, layer, window
1 |
第一種：window.onload = function(){} |
2 |
第二種： window.onload ＝ functionName; //注意:沒有括號 |
1 |
<body onload="init();"> |
與window.onload事件相比，ready()具有較高的執行優先順序