IFrame 加载网页完成事件

最新推荐文章于 2024-01-08 15:36:05 发布

原创最新推荐文章于 2024-01-08 15:36:05 发布 · 513 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript控制两个IFrame加载顺序的方法，确保第一个IFrame加载完成后才开始加载第二个IFrame。通过设置IFrame的onload事件监听器实现。

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

今天，需要用到IFrame, 且用法比较特别，两个IFrame在同一个网页上，且需要加载完成一个IFrame后，才开始加载令一个IFrame，所以用到了IFrame加载完成的方法。把网上的资料整理如下：


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
	var iframe;
	function load() {
		iframe = document.getElementById("iframe");
		iframe. onload = iframe. onreadystatechange = iframeload; 
		iframe.src = "http://www.baidu.com";
	}
	function iframeload() {
		if (!iframe.readyState || iframe.readyState == "complete") {
			alert("Local iframe is now loaded.");
		}
	}
</script>
</head>
<body onload="load()">
	<iframe id="iframe"></iframe>
</body>
</html>