首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么window.load事件发生在加载img之前?

为什么window.load事件发生在加载img之前?
EN

Stack Overflow用户
提问于 2015-12-26 03:09:58
回答 1查看 1.2K关注 0票数 6

ready事件发生在HTML加载之后,而window.onload事件则发生在所有内容(例如,图像、css)都已加载之后。 在以下代码中, <script> jQuery(window).load(function(){ jQuery('#div1').html("Height= " + jQuery('#img1').height() + "<br>" + "width= " + jQuery('#img1').width()); }); </script>

<body> <div id="div1"></div> <img id="img1" src="MammalConstructor.png"> </body>

预期产出

实际输出

所以,

1)

为什么在加载window.onload事件之前发生img事件?

2)

等价的javascript代码是什么,

jQuery('#div1').html("Height= " + jQuery('#img1').height() + "<br>" + "width= " + jQuery('#img1').width());

EN

回答 1

Stack Overflow用户

发布于 2015-12-26 03:27:46

您正在尝试展开Div,所以它将与图像大小相同吗?我从链接中看到了一些教程..。我觉得你已经做完了

1-您可以在div中包含th图像。

2-如果您没有访问html的权限,可以在div内追加图像.

对于第一点,使用window.onload而不是load

要获得更多信息,请阅读此window.onload vs $(document).ready()

关于你的第二点

jQuery('#div1').html("Height= " + jQuery('#img1').height() + "<br>" + "width= " + jQuery('#img1').width());?转换为JS是一项艰巨的工作,我可以参考这篇文章,有很多工具可以将JQ转换成JS。

Is there an easy way to convert jquery code to javascript?

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34468173

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档