$(window).load()和$(document).ready()函数之间的区别

jQuery中的$(window).load(function(){})和$(document).ready(function(){})有什么区别?

当前回答

<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内容加载后触发

2013-11-25 06:44:07

其他回答

我想是在$(窗口)。JQuery 3.x不支持load事件

2017-10-22 23:56:41

区别是:

$(document).ready(function(){是加载DOM时触发的jQuery事件，因此它在文档结构准备好时触发。

$(window).load()事件在加载整个内容后触发。

2013-04-05 05:50:16

从jquery的角度-它只是添加加载/onload事件到窗口和文档。看看这个:

窗口。Onload vs document.onload

2011-01-03 12:26:26

<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内容加载后触发

2013-11-25 06:44:07

文档。ready是一个jQuery事件，它在DOM准备好时运行，例如，所有的元素都在那里可以找到/使用，但不一定是所有的内容。窗口。Onload在图像等加载时稍后触发(或在最坏/失败的情况下同时触发)，因此如果您正在使用图像尺寸，您通常会使用此方法。

2011-01-03 12:36:38

$(window).load()和$(document).ready()函数之间的区别

推荐文章

最新文章

标签