编程 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 Select标记中options操作方法集合

Oct 22 Javascript

thinkphp中常用的系统常量和系统变量

Mar 05 Javascript

JavaScript中的Math.SQRT1_2属性使用简介

Jun 14 Javascript

使用AngularJS来实现HTML页面嵌套的方法

Jun 17 Javascript

轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码

Mar 28 Javascript

关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法

May 17 Javascript

js点击按钮实现水波纹效果代码（CSS3和Canves）

Sep 15 Javascript

vue+vue-validator 表单验证功能的实现代码

Nov 13 Javascript

浅谈vue中慎用style的scoped属性

Nov 28 Javascript

详解一些适用于Node.js的命名约定

Dec 08 Javascript

JS数组方法concat()用法实例分析

Jan 18 Javascript

js实现拖拽元素选择和删除

Aug 25 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