frameset ，iframe的使用

最新推荐文章于 2021-02-04 14:59:17 发布

_无往而不胜_

最新推荐文章于 2021-02-04 14:59:17 发布

阅读量224

点赞数

分类专栏： js jsp 文章标签： frameset ，iframe的使用 frameset iframe

本文链接：https://blog.youkuaiyun.com/qq_15204179/article/details/82594631

版权

js 同时被 2 个专栏收录

53 篇文章

订阅专栏

jsp

50 篇文章

订阅专栏

本文通过实例展示了HTML中frameset与iframe两种不同页面框架的使用方式。前者通过预定义窗口布局来加载多个独立的HTML文档，后者则作为单个页面中的嵌入式文档容器。两者各有优势，适用于不同的场景。

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

frameset使用：

<html>
	<head>
		<title>freameSet</title>
		<meta charset="utf-8" />
	</head>
	<frameset rows="15%,*">
		<frame src="sub1.html" />
		
		<frameset border="1" onresize="no" cols="15%,*">
			<frame src="sub2.html" />
			<frame name="content" src="sub3.html" />
		</frameset>
	</frameset>
</html>

iframe使用：

<!DOCTYPE html>
<html>
	<head>
		<title>
			xxx后台管理系统
		</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<table border="1" cellpadding="0" cellspacing="0" width="100%" height="600">
			<tr height="80">
				<td colspan="2">这里是标题部分</td>
			</tr>
			<tr>
				<td width="150">
					<p><a target="content" href="http://www.baidu.com">百度</a></p>
					<p><a target="content" href="http://www.igeekhome.com">极客营</a></p>
				</td>
				<td>
					<iframe frameborder="0" width="100%" height="100%" src="demo1/sub3.html" name="content"></iframe>
				</td>
			</tr>
		<table>
	</body>
</html>