编程 Javascript

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

Posted in Javascript onMarch 01, 2010

假如我们有一个如下的页面：

<!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)

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 学习笔记(onchange等)

Nov 14 Javascript

游览器中javascript的执行过程(图文)

May 20 Javascript

当自定义数据属性为json格式字符串时jQuery的data api问题探讨

Feb 18 Javascript

jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架

Apr 08 Javascript

javascript中的遍历for in 以及with的用法

Dec 22 Javascript

jQuery实现DIV层收缩展开的方法

Feb 27 Javascript

jQuery中on绑定事件后引发的事件冒泡问题如何解决

May 25 Javascript

Bootstrap优化站点资源、响应式图片、传送带使用详解3

Oct 14 Javascript

vue.js实例对象+组件树的详细介绍

Oct 20 Javascript

JavaScript实现小球沿正弦曲线运动

Sep 07 Javascript

Vue 技巧之控制父类的 slot

Feb 24 Javascript

详解Vue中的watch和computed

Nov 09 Javascript

仅用[]()+!等符号就足以实现几乎任意Javascript代码

Mar 01 #Javascript

Javascript 网页水印(非图片水印)实现代码

Mar 01 #Javascript

使用js获取QueryString的方法小结

Feb 28 #Javascript

JQuery 将元素显示在屏幕的中央的代码

Feb 27 #Javascript

jquery 最简单易用的表单验证插件

Feb 27 #Javascript

JQuery团队打造的javascript单元测试工具QUnit介绍

Feb 26 #Javascript

getElementsByTagName vs selectNodes效率及兼容的selectNodes实现

Feb 26 #Javascript