Javascript 在页面加载后获取图像维度

Javascript 在页面加载后获取图像维度,javascript,jquery,html,image,domready,Javascript,Jquery,Html,Image,Domready,我有一个项目,需要得到的标志的尺寸和相应调整其位置。据我所知,页面上的所有元素都应该在$(document.ready或onload事件之后即可使用。我还尝试将脚本放在结束正文标记之前,以确保我可以获得所有内容。我使用jQuery$(element).width和$(element).height来测量徽标图像 但是,我并不是每次都得到这些值:我将这两个值记录在控制台日志中。有时,它会显示零,我猜图像标签已加载,但实际图像仍在加载。我很困惑,因为我在网上搜索,他们都说如果我使用DOM ready

我有一个项目,需要得到的标志的尺寸和相应调整其位置。据我所知,页面上的所有元素都应该在
$(document.ready
onload
事件之后即可使用。我还尝试将脚本放在结束正文标记之前,以确保我可以获得所有内容。我使用jQuery
$(element).width
$(element).height
来测量徽标图像

但是,我并不是每次都得到这些值:我将这两个值记录在控制台日志中。有时,它会显示零,我猜图像标签已加载,但实际图像仍在加载。我很困惑,因为我在网上搜索,他们都说如果我使用DOM ready或将脚本标记放在最后,所有元素都应该准备好

页面上的所有元素都应该在$(document).ready或onload事件之后准备好使用。我还尝试将脚本放在结束正文标记之前,以确保我可以获得所有内容

否,
$(文档).ready
事件响应。将脚本作为最后一个元素嵌入到主体中只能保证DOM结构已经构建好。这并不意味着任何元素引用的外部资源都已经完成加载–唯一保证加载的事件是
load
事件

jQuery文档明确警告不要将
$(document.ready
和“老式”加载事件处理(body或window.onload上的onload属性)组合在一起,因此应该使用。但是要注意文档中提到的关于图像的内容。

试试这个

$('#img').load(function() {
// Handler for .load() called.
});

看看这个:这就是答案。感谢每次图像添加到dom后都有一个Lott调用。你在方法中有断点吗??