编程 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 写类方式之六

Jul 05 Javascript

如何将JS的变量值传递给ASP变量

Dec 10 Javascript

原生JS实现图片轮播效果

Dec 26 Javascript

Angularjs使用ng-repeat中$even和$odd属性的注意事项

Dec 31 Javascript

Bootstrap table表格初始化表格数据的方法

Jul 25 Javascript

webuploader分片上传的实现代码（前后端分离）

Sep 10 Javascript

jQuery ajax仿Google自动提示SearchSuggess功能示例

Mar 28 jQuery

vue实现搜索过滤效果

May 28 Javascript

微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题

Jul 26 Javascript

vue实现数字动态翻牌的效果（开箱即用）

Dec 08 Javascript

vue路由缓存的几种实现方式小结

Feb 02 Javascript

原生JS实现留言板功能

Feb 08 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