在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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
javascript常用函数归纳整理
Oct 31 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
JavaScript汉诺塔问题解决方法
Apr 21 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
原生js实现密码强度验证功能
Mar 18 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的类树(支持无限分类)
2006/10/09 PHP
随机头像PHP版
2006/10/09 PHP
PHP实现分页的一个示例
2006/10/09 PHP
ThinkPHP 防止表单重复提交的方法
2011/08/08 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
php实现登录页面的简单实例
2019/09/29 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
服务器安全设置的几个注册表设置
2007/07/28 Javascript
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
Jquery数独游戏解析(一)-页面布局
2010/11/05 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
浅析Node.js中的内存泄漏问题
2015/06/23 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
2016/10/10 Javascript
angular双向绑定模拟探索
2016/12/26 Javascript
jQuery实现动态删除LI的方法
2017/05/30 jQuery
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
2018/03/13 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
js实现微信聊天效果
2020/08/09 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
Python发送http请求解析返回json的实例
2018/03/26 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
opencv-python 读取图像并转换颜色空间实例
2019/12/09 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
德国街头和运动文化高品质商店:BSTN Store
2017/08/26 全球购物
类、抽象类、接口的差异
2016/06/13 面试题
行政专员岗位职责
2014/01/02 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
博士论文答辩开场白
2015/06/01 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
PHP实现两种排课方式
2021/06/26 PHP