在chrome中window.onload事件的一些问题
2018-10-12 14:06
896 查看
假如我们有一个如下的页面:
在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="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)
您可能感兴趣的文章:
相关文章推荐
- 在chrome中window.onload事件的一些问题
- javascript注册window的onload事件问题研究
- JavaScript的执行顺序及onload的事件的一些问题
- Centos下安装chrome以及引发地进程调度的一些问题
- javascript:window.close()在chrome,Firefox下失效问题解决方法
- 浏览器兼容问题,Chrome中Flash的onclick事件
- jQuery $(document).ready()和JavaScript window.onload()事件的区别
- chrome下,jquery对元素一些操作引起的问题
- Jquery前端封装---事件锁定(三)处理IE出现的一些小问题
- window.onload加载完毕的问题及解决方案(上)
- window.onload以及事件监听器
- 解决window.onload事件重复赋值
- 一个页面中多个window.onload = function(){}冲突问题解决思路
- 引用其它js时如何同时处理多个window.onload事件
- 修复lte ie8 & chrome 下window 的resize 事件多次执行
- Window.onLoad 和 DOMContentLoaded事件的先后顺序
- 为您解惑:window下的onload事件。
- 关于window.onload问题
- javascript 在window.onload绑定多个事件函数
- window/body/img/iframe 的onload事件