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

最新推荐文章于 2024-01-08 14:37:21 发布

nelson

最新推荐文章于 2024-01-08 14:37:21 发布

阅读量2.6k

点赞数

分类专栏： Javascript 文章标签： iframe callback ie function

本文链接：https://blog.csdn.net/Do_it__/article/details/7305635

版权

Javascript 专栏收录该内容

57 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

判断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);
}