js实现iframe的load事件（兼容IE）

最新推荐文章于 2024-07-26 10:57:21 发布

原创最新推荐文章于 2024-07-26 10:57:21 发布 · 2.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#iframe #callback #ie #function

Javascript 专栏收录该内容

57 篇文章

订阅专栏

本文介绍了两种判断iframe是否加载完成的方法。一种方法适用于非IE浏览器，通过监听'load'事件来触发回调函数；另一种方法针对IE浏览器，使用'readyState'属性进行检查，并通过'attachEvent'方式监听'load'事件。

判断iframe加载完成：

function loadIframe(src, callback){
	var iframe = document.createElement("iframe");
	iframe.src = src;

	if(-[,1]){ // nonIE
		iframe.onload = callback;
	}else{ // IE
		iframe.onreadystatechange = function(){
			if (iframe.readyState == "complete"){
				callback();
			}
		};
	}

	document.body.appendChild(iframe);
}

后来在怿飞的博客里发现了一个更好的方法：

function loadIframe(src, callback){
	var iframe = document.createElement("iframe");
	iframe.src = src;

	if(iframe.attachEvent){ // IE
		iframe.attachEvent('onload', callback);
	}else{ // nonIE
		iframe.onload = callback;
	}

	document.body.appendChild(iframe);
}