在chrome中window.onload事件的一些问题
更新时间：2010年03月01日 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="/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)
复制代码 代码如下:
<!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(){}}
就可以在图片加载之后读出图片的大小。
转载请保留以下信息
作者：北玉(tw:@rehawk)
相关文章
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，下面这篇文章主要给大家介绍了axios学习教程的相关资料，文中介绍的非常详细，对大家具有一定的参考价值，需要的朋友下面来一起看看吧。2017-03-03
这篇文章主要给大家介绍了关于uniapp表单校验的相关资料,Uni-app内置了一些表单验证方法,可以帮助我们对表单进行有效的验证,需要的朋友可以参考下2023-10-10
本文介绍了如何使用JavaScript对象添加属性和方法,通过实例演示了如何给对象添加属性,以及如何在对象中定义方法,具有一定的参考价值,感兴趣的可以了解一下2023-08-08
下面小编就为大家带来一篇浅谈js对象的创建和对6种继承模式的理解和遐想。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
js 生成密匙流 脚本代码...2007-09-09
这篇文章主要介绍了JavaScript函数重载操作,结合一次面试经历分析了JavaScript函数重载相关原理、用法及操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要为大家详细介绍了JS实现简单加减购物车效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
JS如何获取未来n天的时间(返回日期:yyyy-mm-dd,并且判断是否是今天和星期)
开发中经常遇到获取时间的业务,将常用的方法做个笔记记录下,对JS如何获取未来n天的时间相关知识感兴趣的朋友一起看看吧2024-03-03
这篇文章主要介绍了JS前端模块化原理与实现方法,结合实例形式分析了JS前端模块化具体概念、功能、原理、实现方法及相关操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了ES6使用let命令更简单的实现块级作用域,结合实例形式分析了ES6中let命令与var的区别及具体使用方法,需要的朋友可以参考下2017-03-03
最新评论