window.onload vs document.ready jQuery

我有一个有两列的网站。我想在使用jQuery时都有相同的高度。

我正试图获得徽标列高度。我有：

$(document).ready(function() { alert($('#logo').height()); });

它不起作用。所以我改成了：

 window.onload = function(){ alert($('#logo').height()); }

它正在发挥作用。这里发生了什么？

我在处理$（文件）中的图像高度和宽度时遇到了同样的问题，我找到了一些更好的参考来解决它…我希望这可能有助于一个人

$（文件）。就绪（）

加载HTML文档并且DOM准备好时，即使所有图形尚未加载，也会触发文档就绪事件。如果你想在窗口加载之前连接某些元素的事件，那么$（document）.ready就是正确的位置。

码：

 $(document).ready(function() { // document is loaded and DOM is ready alert("document is ready"); });

$（窗口）.load（）

窗口加载事件稍后会在整个页面完全加载时触发，包括所有帧，对象和图像。因此，涉及图像或其他页面内容的function应该放在窗口或内容标签本身的加载事件中。

码：

 $(window).load(function() { // page is fully loaded, including all frames, objects and images alert("window is loaded"); });

在DOM加载时会触发document ready ，因此除非明确声明了高度等信息，否则它们不可用。

window onload等待页面中的资产完全加载 – 因此现在可以使用高度等信息。