项目开发中时常需要用 JS 判断一张图片是否加载成功,
如果图片加载成功,则执行其相应的 onload 绑定事件,
这个就是我们所说的图片预加载技术,先上最终版代码:
- function loadImage(url, callback) {
- var img = new Image(); //创建一个Image对象,实现图片的预下载
- img.onload = function(){
- img.onload = null;
- callback(img);
- }
- img.src = url;
- }
Java编程学习
绝大多数人喜欢用parseInt()把css中的字符串值转换成数值,如:
可是如果css值是这样呢:
以上显然parseInt()会出错,哪怕是’.5′这样的值,如果换成parseFloat()将能得到正确的结果:
两者有何区别?
比onload更快获取图片尺寸
lightbox类效果为了让图片居中显示而使用预加载,需要等待完全加载完毕才能显示,体验不佳(如filick相册的全屏效果)。javascript无法获取img文件头数据,真的是这样吗?本文通过一个巧妙的方法让javascript获取它。
调用方法:
项目开发中时常需要用 JS 判断一张图片是否加载成功,
如果图片加载成功,则执行其相应的 onload 绑定事件,
这个就是我们所说的图片预加载技术,先上最终版代码:
使图片进行360度旋转一周。能够兼容所有浏览器。IE使:matirx滤镜 webkit: webkitTransform Opera: OTransform firefox:MozTransform。
很眩的一个JavaScript效果,其中对浏览器兼容性的处理可能经常用到,值得借鉴!
0、为什么要innerText?因为安全问题
1、为firefox dom模型扩展属性
2、currentStyle属性可以取得实际的style状态
3、IE实现innerText时考虑了display方式,如果是block则加换行
4、为什么不用textContent?因为textContent没有考虑元素的display方式,所以不完全与IE兼容
广告位
版权所有:Web技术博客 2007-2023