1. 程式人生 > >window.onload中動態獲得img的高度

window.onload中動態獲得img的高度

jquery

$(function(){});
window.onload=function(){}
$(function(){}) 是在DOM結構渲染完成以後調用的,這時候網頁中一些資源還沒有加載,比如圖片等資源,但是DOM結構已經渲染成功了
window.onload是在網頁DOM結構渲染完成,而且資源已經加載成功以後調用的。

當我們在$(function(){})調用$(‘img‘).width()的時候,由於圖片還沒有加載,所以這時候<img>標簽的高度就是0,所以返回值就是0。但是當你用window.onload=function(){}調用的時候,圖片已經加載出來了,所以這時候就能得到圖片的高度。

所以記得,$(function(){})是在DOM渲染結束,資源還沒有加載的時候執行的,如果你想獲取到一些資源的信息,這個時候是沒有辦法的哦

window.onload中動態獲得img的高度