ブラウザでのロード順序
1900 ワード
この論文では,Windowのload,documentのstart,end,idleなどのイベント間のロード順序について論じる.そしてJQuery(document).ready()
1,document.レディーとウィンドload
document.readyイベントとは、Webページdom(本体、src、link、画像などを含まない)のオブジェクトを指し、ロードが完了します.
window.loadとは、dom、src、link、ピクチャオブジェクトを含むすべてのオブジェクトを指します.
上記のコードは、documentが先に現れる.loaded、window loadedが表示されます
参照:http://stackoverflow.com/questions/588040/window-onload-vs-document-onload
window.onload By default, it is fired when the entire page loads, including its content (images, css, scripts, etc.) In some browsers it now takes over the roll of document.onload and fires when the DOM is ready as well.
document.onload It is called when the DOM is ready which can be prior to images and other external content is loaded.
1,document.レディーとウィンドload
document.readyイベントとは、Webページdom(本体、src、link、画像などを含まない)のオブジェクトを指し、ロードが完了します.
window.loadとは、dom、src、link、ピクチャオブジェクトを含むすべてのオブジェクトを指します.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function() {
console.log("document loaded");
});
$(window).load(function() {
console.log("window loaded");
});
</script>
</head>
<body>
<iframe src="http://www.baidu.com"></iframe>
</body>
</html>
上記のコードは、documentが先に現れる.loaded、window loadedが表示されます
参照:http://stackoverflow.com/questions/588040/window-onload-vs-document-onload
window.onload
document.onload