在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获取页面上被选中文字的方法技巧
Mar 13 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
Node.Js生成比特币地址代码解析
Apr 21 Javascript
微信小程序实现留言板
Oct 31 Javascript
js canvas实现画图、滤镜效果
Nov 27 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
浅谈JavaScript闭包
Apr 09 Javascript
uni app仿微信顶部导航条功能
Sep 17 Javascript
超简单的微信小程序轮播图
Nov 22 Javascript
多页vue应用的单页面打包方法(内含打包模式的应用)
Jun 11 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 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
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
2013/08/08 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
Node.js 的异步 IO 性能探讨
2014/10/08 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
原生JavaScript实现异步多文件上传
2015/12/02 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
最全面的百度地图JavaScript离线版开发
2016/09/10 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
js仿淘宝评价评分功能
2017/02/28 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
selenium+java中用js来完成日期的修改
2019/10/31 Javascript
js实现贪吃蛇小游戏(加墙)
2020/07/31 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
python爬取各类文档方法归类汇总
2018/03/22 Python
windows下python安装pip图文教程
2018/05/25 Python
Python从使用线程到使用async/await的深入讲解
2018/09/16 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
使用tensorflow进行音乐类型的分类
2020/08/14 Python
主管职责范文
2013/11/09 职场文书
《圆明园的毁灭》教学反思
2014/02/28 职场文书
工程质量承诺书
2014/03/27 职场文书
施工安全责任书
2014/04/14 职场文书
银行求职信
2014/05/31 职场文书
雷锋的观后感
2015/06/10 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript