利用frame和iframe完成以下要求(颜色随便)(需要设置链接的target属性)。点击图中【Frame a】的时候出现图1 点击图中【Frame b】的时候出现图2 点击图中【Frame c】

最新推荐文章于 2022-03-09 21:35:17 发布

ptsph

最新推荐文章于 2022-03-09 21:35:17 发布

阅读量413

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/li_yuan_long/article/details/80030615

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

利用frame和iframe完成以下要求(颜色随便)(需要设置链接的target属性)。
点击图中【Frame a】的时候出现图1
点击图中【Frame b】的时候出现图2
点击图中【Frame c】的时候出现图3

a.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body bgcolor="cadetblue">
		page A
	</body>
</html>

b.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body bgcolor="royalblue">
		page B
	</body>
</html>

c.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body bgcolor="darkgray">
		page C
	</body>
</html>

iframe.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="a.html" target="ifra">Frame A</a>
		<a href="b.html" target="ifra">Frame B</a>
		<a href="c.html" target="ifra">Frame C</a><br />
		<iframe src="a.html" name="ifra" width="700px" height="700px"></iframe>
	</body>
</html>

top.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<frameset rows="15%,*">
			<frame src="top.html" />
			<frame src="a.html" name="bottom" />
	</frameset>
	<body>
	</body>
</html>

frame.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="a.html" target="bottom">Frame A</a>
		<a href="b.html" target="bottom">Frame B</a>
		<a href="c.html" target="bottom">Frame C</a>
	</body>
</html>