关于iframe的那些事儿
本文由 小茗同学 发表于 2016-09-07 浏览(2877)
最后修改 2017-10-27 标签：iframe html

前言

iframe虽说一般不怎么推荐使用，但是很多时候还是挺有用的，所以还是要掌握一些关于它的东西。

//TODO 本文有待继续完善

测试代码

现假设有如下测试代码：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title>测试iframe</title>
	<style>
	iframe {
		display: block;
		width: 500px;
		height: 500px;
	}
	</style>
</head>
<body>
	测试iframe：
	<iframe id="first_frame" name="first" src="https://www.baidu.com"></iframe>
	<iframe id="second_frame" name="second" src="http://www.qq.com"></iframe>

</body>
</html>

一些方法

window.frames['first'] === window.frames[0] === window.frames['first_frame'].contentWindow;
window.frames['first'].frameElement===window.frames['first_frame'];
window.frames['first_frame'].contentDocument === window.frames['first_frame'].contentWindow.document;