在chrome中window.onload事件的一些问题

ttx9n · 发表于 2010-3-1 19:29:00

在写一些关于图片操作的代码的时候，一般都需要在图片加载完成之后再执行程序。然而在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="http://files.jb51.net/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(){}}
就可以在图片加载之后读出图片的大小。
转载请保留以下信息
作者：北玉(tw:@rehawk)

wangdj110 · 发表于 2022-8-9 00:04:43

哟哟哟哟哟以偶

95nd4ba · 发表于 2022-9-5 00:41:27

不错的源码论坛

95nd4ba · 发表于 2023-4-8 21:11:44

hi哦回复iOS就看见

0608fv3 · 发表于 2023-4-13 00:33:18

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

nwk53kbd · 发表于 2023-7-29 16:22:47

感谢楼主分享

adm1n · 发表于 2023-8-5 23:14:13

谢谢小Y分享

u6h2m4 · 发表于 2023-10-8 19:38:33

哦哦哦ijhhsdj

0y3yp · 发表于 2023-11-12 09:41:05

灌灌灌灌水

x20yd3qx · 发表于 2024-4-19 11:42:24

这个源码不错啊

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 在chrome中window.onload事件的一些问题

相关帖子