【web前端(三)】html_嵌入式框架
主页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1">
<!--iframe:向一个页面发送了一个请求,
一个页面嵌套了另一个页面。
-->
<!--
这里我们要注意,iframe不能写空标签,
不然不显示框架。
-->
<!--src="left.html"链接当前页面的资源-->
<td><iframe name="left" src="left.html" frameborder="1"></iframe></td>
<td><iframe name="right" src="right.html" frameborder="1"></iframe></td>
</table>
</body>
</html>
默认页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>默认页面</title>
</head>
<body>
right
right
right
right
right
<iframe src="content.html" name="aaa"></iframe>
</body>
</html>
父框架页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>链接页面</title>
</head>
<body>
<!--
所有的框架的顶级框架是最大的这个页面的框架。
-->
<!-- href="content.html"作用是转接页面的标签-->
<!--
target="_top"显示最顶层,为顶级框架。
起作用是破坏了整个框架,
而来显示它自己的框架。
-->
<!--target="_blank"为新开一个窗口-->
<!--target="_parent"为链接到当前页面的父框架-->
<!--target="_search"-->
<!--target="_self"代表自身-->
<a href="content.html" target="_top">第一节</a>
<!--原来框架的默认页面为right right right right right,
这里将原来右边默认页面的内容替换掉了-->
<!--这样的好处就是,指定我们点击链接所要显示的页面-->
<a href="content.html" target="right">第一节</a>
<a>第一节</a>
<a>第二节</a>
<a>第三节</a>
</body>
</html>
父框架的链接页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>父框架的链接页面</title>
</head>
<body>
content
<a href="index-2.html" target="_parent">链接显示到父框架:</a>
</body>
</html>
操作结果:
1、点击主框架的第一个(紫色)链接
- 关闭页面,重新启动。点击主框架第二(紫色)链接。
相关文章
- web安全day6:IIS之WEB服务器
- 第十二章 使用嵌入式SQL(四)
- 学习嵌入式linux为什么推荐stm32mp157开发板?
- 我的2016——我和嵌入式的那些事
- [攻防世界]-WEB高手进阶区-Web_python_block_chain
- 《嵌入式系统开发之道——菜鸟成长日志与项目经理的私房菜》——01-02 嵌入式系统开发团队
- 嵌入式Web项目(二)——CGI的引入
- 嵌入式结构体中变量名-冒号+数字(位域表示法)
- Flutter Web实战项目打造真正跨平台应用(windows,android,ios,linux,macos,web)
- 【嵌入式Linux驱动开发】十三、GPIO按键中断驱动程序编写
- 【嵌入式Linux驱动开发】十一、Linux并发与竞争 - 原子操作、自旋锁、信号量、互斥体
- 【嵌入式Linux学习】10、NFS服务安装与配置
- 【正点原子FPGA连载】第八章使用Vitis开发Linux应用摘自【正点原子】DFZU2EG_4EV MPSoC之嵌入式Linux开发指南
- 【正点原子MP157连载】第二十七章 Linux并发与竞争-摘自【正点原子】STM32MP1嵌入式Linux驱动开发指南V1.7
- 【正点原子Linux连载】第四十八章 Linux并发与竞争实验 -摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0
- 【正点原子Linux连载】第十六章主频和时钟配置实验-摘自【正点原子】I.MX6U嵌入式Linux驱动开发指南V1.0
- 嵌入式工业智能终端应用于生产车间,智能制造触手可得
- Web 检测代码 web analysis 开源 open source