内联框架iframe

最新推荐文章于 2022-07-18 19:06:52 发布

佛系小菜鸡

最新推荐文章于 2022-07-18 19:06:52 发布

阅读量142

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_40224261/article/details/104157576

版权

前端专栏收录该内容

23 篇文章 0 订阅

订阅专栏

通过iframe能够实现的功能是在网页中嵌套别的网页

代码展示：
在这里插入图片描述

iframeA

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="#808080" >
		iframeA<br />
		<a href="https://www.csdn.net/" target="_parent">点击跳转csdn</a>
		
	</body>
</html>

iframeB

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="#FF0000" >
		iframeB <br>
		<iframe src="iframeA.html" width="700px" height="400px" frameborder="0"></iframe>
	</body>
</html>

iframeC

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body bgcolor="#008000">
		iframeC<br />
		<iframe src="iframeB.html" width="800px" height="600px" frameborder="0"></iframe>
	</body>
</html>

index

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>框架</title>
	</head>
	<body>
		<iframe src="iframeC.html" width="1000px" height="700px" frameborder="o"></iframe>
	</body>
</html>