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调用。你在方法中有断点吗??