iframe类似于frameset，iframe 和 frameset 都用于html页面的框架布局。(都可用于后台管理界面,iframe放于body标签内，frameset不能放在body标签)
1. <iframe> 标签：iframe 是个内联框架，是在页面里生成个内部框架。
2. <frameset> 标签：frameset 定义一个框架集，包含多个子框架，每个框架都有独立的文档。
iframe定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
1. 例子
iframe测试.html(包括三个iframe)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>iframe测试</title>
</head>
<body>
<iframe src="top.html" width="1360px" name="top" height="200px"></iframe>
<iframe src="left.html" width="150px" name="left" height="550px"></iframe>
<iframe src="right.html" width="1160px" height="550px" name="right"></iframe>
</body>
</html>
top.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这是顶部
</body>
</html>
left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body >
这是left的内容！！！
<br />
<br />
<br />
<br />
<a href="test.html" target="right">点击在右边显示右边</a>
</body>
</html>
right.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body >
这是right的内容！！！
</body>
</html>
效果:
2. 点击上边左面的html会在右边显示test.html
test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
这是test页面(将会在name=right的iframe显示)
</body>
</html>
效果:
时间： 2024-08-28 16:08:04