在chrome中window.onload事件的一些問題
更新時間：2010年03月01日 19:29:00 作者：
在寫一些關于圖片操作的代碼的時候，一般都需要在圖片加載完成之后再執(zhí)行程序。然而在Chorme中（貌似Safari也是）對window.onload的理解與IE和FF有偏差。
假如我們有一個如下的頁面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<img src="/upload/2010-3/20100301192859481.gif" alt="" id="image">
<script type="text/javascript">
var init=function (){
var img=document.getElementById('image');
alert(img.offsetWidth);
}
window.onload=new init();
</script>
</body>
</html>
在IE和FF下運行的時候都是可以顯示圖片的真實大小的，即使我并沒有顯示的說明這個img的width和height。但是在chrome下，則顯示的是0。
但是如果將window.onload后面的new init()改為
window.onload=init
或者
window.onload=function(){new init(){}}
就可以在圖片加載之后讀出圖片的大小。
轉(zhuǎn)載請保留以下信息
作者：北玉(tw:@rehawk)
復制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
<img src="/upload/2010-3/20100301192859481.gif" alt="" id="image">
<script type="text/javascript">
var init=function (){
var img=document.getElementById('image');
alert(img.offsetWidth);
}
window.onload=new init();
</script>
</body>
</html>
在IE和FF下運行的時候都是可以顯示圖片的真實大小的，即使我并沒有顯示的說明這個img的width和height。但是在chrome下，則顯示的是0。
但是如果將window.onload后面的new init()改為
window.onload=init
或者
window.onload=function(){new init(){}}
就可以在圖片加載之后讀出圖片的大小。
轉(zhuǎn)載請保留以下信息
作者：北玉(tw:@rehawk)
相關文章
JavaScript中call和apply方法的區(qū)別實例分析
這篇文章主要介紹了JavaScript中call和apply方法的區(qū)別,結(jié)合實例形式分析call和apply方法的功能、原理及相關使用操作區(qū)別,需要的朋友可以參考下2018-08-08
頁面動態(tài)顯示時間變化的方法有很多，本文為大家介紹下使用javascript的具體實現(xiàn)，感興趣的朋友不要錯過2013-12-12
這篇文章主要介紹了JS實現(xiàn)的加減乘除四則運算計算器,涉及javascript事件響應及數(shù)學運算相關操作技巧,需要的朋友可以參考下2017-08-08
javascript dom操作之cloneNode文本節(jié)點克隆使用技巧
文本克隆函數(shù)cloneNode他有兩個參數(shù)——true or false2009-12-12
這篇文章主要介紹了javascript控制圖片播放的實現(xiàn)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
C#中TrimStart,TrimEnd,Trim在javascript上的實現(xiàn)
今天在后臺寫了個類,后來才發(fā)現(xiàn),需要在JS上做..于是把代碼拷到js上進行修改,代碼中用到TrimStart,TrimEnd,Trim等方法,在網(wǎng)上找半天竟然沒找到.要么就只能清除空格的!2011-01-01
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)日期格式化，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
返回上一頁并自動刷新，JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)經(jīng)典掃雷游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
JavaScript HTML DOM 元素 (節(jié)點)新增，編輯，刪除操作實例分析
這篇文章主要介紹了JavaScript HTML DOM 元素 (節(jié)點)新增，編輯，刪除操作,結(jié)合實例形式分析了JavaScript針對HTML DOM 元素 (節(jié)點)的新增，編輯，刪除相關操作技巧與使用注意事項,需要的朋友可以參考下2020-03-03