IMG ONLOAD 事件加载程序
来源:互联网 发布:有拼豆图纸的软件 编辑:程序博客网 时间:2024/05/18 01:26
onload
在成功地装载了图像时调用的事件处理程序。
在做web开发,其中有一个需求:利用Javascript获取要加载的图片的尺寸,所以很自然的,想到了img的onload方法,在firefox下开发完成后,到IE下调试,发现img的onload事件很多情况下都不被调用。
最初的代码如下:
var img = new Image;
img.src = "test.gif";
img.onload = function(){
alert ( img.width );
};
这段代码看着没什么问题,但是为什么onload没有被IE调用呢?因为IE会缓存图片,第2次加载的图片,不是从服务器上传过来的,而是从缓冲区里加载的。是不是从缓冲区里加载的图片就不触发onload事件呢?我于是我测试了以下代码,成功了~
var img = new Image;
img.onload = function(){
alert ( img.width );
};
img.src = "test.gif";
把onload写到前面去,先告诉浏览器如何处理这张图片,再指定这张图片的源,这样就正常了。所以,不是IE没有触发onload事件,而是因为加载缓冲区的速度太快,以至于没有运行到img.onload的时候,onload事件已经触发了。这让想到了Ajax,在写xmlhttp的时候,都是先指定onstatechange的回调函数,然后再send数据的,道理是一样的
- IMG ONLOAD 事件加载程序
- img onload事件绑定
- img onload事件
- window onload 与 img onload事件
- img.onload 实现图片预加载方法
- img.onload 实现图片预加载方法
- img.onload 实现图片预加载方法
- js硬绑定img的onload事件的思路
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之onAbort、onError、onLoad事件与问题
- HTML img标签之 onError onLoad onAbort 事件
- JS中页面加载事件window.onload、onload()、document.onclick
- 加载页面或返回到页面时不触发 onload 事件处理程序
- 加载页面或返回到页面时不触发 onload 事件处理程序
- 加载多个js onload事件
- img.onload事件和img.complete属性的简介和应用
- jquery中DOM加载事件,onload事件和ready事件
- vi编辑器入门
- 【转、修改】LINUX JAVA环境变量配置 和LINUX Tomcat安装
- S5PV210支持DM9000驱动(Android2.2)
- 函数可变参数
- 二八定律
- IMG ONLOAD 事件加载程序
- Add Google Admob in Android Application
- 编程珠玑 第一章 问题以及分析解答
- 2011年6月30日
- GCC/G++ 编译器入门
- 从缓冲区中加载BMP位图并返回句柄
- 站在窗口的时候
- java的文件操作注意事项
- Makefile 基础