在chrome中window.onload事件的一些问题
作者:bea
假如我们有一个如下的页面: 代码如下: <!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=
假如我们有一个如下的页面:
代码如下:
<!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="http://files./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)
有用 | 无用
代码如下:
<!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="http://files./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)
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery validation插件表单验证的一个例子
- Jquery 实现Tab效果 思路是js思路
- 走马灯效果代码js appendChild实现的无缝滚动
- JavaScript页面刷新与弹出窗口问题的解决方法
- 在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
- js 按照指定间隔 向字符串中插入随机字符串的实现代码
- jQuery对象和DOM对象的相互转化实现代码
- Javascript 自定义类型方法小结
- Javascript Cookie读写删除操作的函数
- 28个JS验证函数收集
- 用js脚本控制asp.net下treeview的NodeCheck的实现代码
- javascript 静态对象和构造函数的使用和公私问题
- 新老版本juqery获取radio对象的方法
- 几个比较经典常用的jQuery小技巧
- 基于JQuery的密码强度验证代码
- Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)
- 基于jquery.Jcrop的头像编辑器
- IE event.srcElement和FF event.target 功能比较
- Javascript 判断客户端浏览器类型代码