js的image onload事件使用遇到的问题
2014-07-15 00:00
405 查看
关于 Image 对象 onload 事件。
想获取的是 image 的 宽高值。所以用 onload 方法。另外是获取的远程图片。
但IE在第二次显示图片的时候,总是不走 onload 方法。代码:
后来给xiaoniu同学看了后才知,img.src 应该是放在 onload 方法后边的。。
后来google下,才发现原来此类问题大家多有总结。。我真是外行。。
因为 IE 在加载缓冲区数据的时候,没有触发 onload 方法,导致该事件内代码被忽略。FF 在加载缓冲区数据的时候,顺带触发了 onload 方法。
其实还有点,就是onload的时候还要对图片进行自适应调整,就发现,需要再 onload 里还要对元素设置一次img.src。。。要不它只记得第一张图。。。
对这个缓存区还是一知半解。继续。
想获取的是 image 的 宽高值。所以用 onload 方法。另外是获取的远程图片。
但IE在第二次显示图片的时候,总是不走 onload 方法。代码:
var img = new Image(); img.src = "loading.gif"; img.onload = function(){ var iheight = img.height; var iwidth = img.width; };
后来给xiaoniu同学看了后才知,img.src 应该是放在 onload 方法后边的。。
后来google下,才发现原来此类问题大家多有总结。。我真是外行。。
因为 IE 在加载缓冲区数据的时候,没有触发 onload 方法,导致该事件内代码被忽略。FF 在加载缓冲区数据的时候,顺带触发了 onload 方法。
其实还有点,就是onload的时候还要对图片进行自适应调整,就发现,需要再 onload 里还要对元素设置一次img.src。。。要不它只记得第一张图。。。
对这个缓存区还是一知半解。继续。
相关文章推荐
- js的image onload事件使用遇到的问题
- js的image onload事件使用遇到的问题
- js的image onload事件使用遇到的问题
- 今天使用PullToRefreshListView时遇到Item点击事件失效问题,特此记下解决办法
- js 动态生成HTML,并加载事件遇到的问题
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
- jquery中的bind事件在手机客户端使用时遇到的问题
- 在js的正则式中重复使用时遇到的问题
- jQuery全屏滚动插件fullPage.js使用中遇到的问题(滑动轮播效果无效)
- 使用JS+WebBrowser解决Web打印问题(完成事件)
- js 遇到的问题-使用for循环给同一个文本框赋值
- JS/Jquery使用过程中遇到的问题和解决方法
- WebView 使用JS遇到的问题
- 使用angularjs ui-bootstrap遇到的问题
- PyQt使用中遇到的若干问题(2)(事件触发,QImage对象转化,pyinstaller生成exe)
- cocos2d-js 使用过程中遇到的问题总结
- 使用JS遇到的问题
- onclientclick事件使用JS页面会刷新问题解决
- 使用JS遇到的问题点
- js/jquery使用过程遇到的问题