首页 > 代码库 > 文件load事件:img、iframe
文件load事件:img、iframe
iframe的 load 事件
在所有为IFRAME动态添加onload监听事件的方法中,只有 使用事件监听方式为 IFRAME 的 onl oad 事件绑定处理函数,IE6、7、8才有效。所以为 IFRAME 添加load事件完美方案如下:
// 事件监听兼容方案 function addEvent(elem,event,fn){ if (elem.attachEvent) { elem.attachEvent(‘on‘+event,fn) } else { elem.addEventListener(event,fn,false) } } window.onload = function(){ var iframeA = document.createElement(‘iframe‘); iframeA.src = http://www.mamicode.com/‘http://www.baidu.com‘>优化页面建议不要嵌套iframe,但是在内部项目还是很常见。其实在IE中,监控iframe加载完毕还可以采取监听 onreadystatechange 事件。
IMG的 load 事件
img的load事件,我们使用 new Image()。这里我们得注意 complete 事件。研究网上的得出以下代码:
var img = new Image(); img.src= "http://i1.hoopchina.com.cn/user/627/17191627/17191627_big_3.jpg"; if (img.complete || img.width) { alert("该图片已经在缓存中,不需要再下载") alert(img.height) } else { img.onload = function() { alert("图片加载完成"); alert(img.height) } }文件load事件:img、iframe
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。