$(window).load(function() {})和$(document).ready(function() {})jQuery有什么区别？
Nic*_*ver 250
document.ready是一个jQuery事件,它在DOM准备就绪时运行,例如,所有元素都可以找到/使用,但不一定是所有内容.window.onload当图像等被加载时,稍后(或同时在最坏/失败的情况下)激发,因此如果你使用图像尺寸,你经常想要使用它.Sag*_*hal 67
$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});
$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});
Kea*_*ral 15
这$(window).load()在jQuery 3.0中不可用
$( window ).load(function() {
// Handler for .load() called.
});
要解决它,您可以将其用作"事件处理程序附件"
$( window ).on("load", function() {
// Handler for .load() called.
});
Bha*_*iya 14
不同之处是:
$(document).ready(function() { 是在加载DOM时触发的jQuery事件,因此在文档结构准备好时会触发它.
$(window).load() 加载整个内容后触发事件.
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
alert( "document loaded" );
});
$( window ).load(function() {
alert( "window loaded" );
});
</script>
</head>
<body>
<iframe src="http://stackoverflow.com"></iframe>
</body>
</html>
加载所有iframe内容后将触发window.load
$(document).ready 当所有元素都存在于DOM中时发生,但不一定是所有内容.
$(document).ready(function() {
alert("document is ready");
});
window.onload或者$(window).load()在加载了所有内容资源(图像等)之后发生.
$(window).load(function() {
alert("window is loaded");
});