在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 相关文章推荐
jQuery淡入淡出元素让其效果更为生动
Sep 01 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
关于Javascript加载执行优化的研究报告
Dec 16 Javascript
详解JavaScript中Date.UTC()方法的使用
Jun 12 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
Apr 01 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
微信小程序进入广告实现代码实例
Sep 19 Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 Javascript
JavaScript函数重载操作实例浅析
May 02 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
You might like
php 验证码制作(网树注释思想)
2009/07/20 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
php实现读取和写入tab分割的文件
2015/06/01 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
javascript 日期常用的方法
2009/11/11 Javascript
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
Javascript如何判断数据类型和数组类型
2016/06/22 Javascript
AngularJS入门教程之XHR和依赖注入详解
2016/08/18 Javascript
vue图片加载与显示默认图片实例代码
2017/03/16 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
2017/04/22 Javascript
关于使用js算总价的问题
2017/06/23 Javascript
Angularjs的$http异步删除数据详解及实例
2017/07/27 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
python实现Adapter模式实例代码
2018/02/09 Python
python3 读写文件换行符的方法
2018/04/09 Python
python中的Elasticsearch操作汇总
2019/10/30 Python
python关于调用函数外的变量实例
2019/12/26 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
python mysql中in参数化说明
2020/06/05 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
法国最大的在线眼镜店:EasyLunettes
2019/08/26 全球购物
结婚典礼证婚词
2014/01/11 职场文书
师德师风建设方案
2014/05/08 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
优秀员工事迹材料
2014/12/20 职场文书
销售经理岗位职责
2015/01/31 职场文书
优秀团员自我评价
2015/03/10 职场文书
社区敬老月活动总结
2015/05/07 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang