html5-6 Frame框架窗口类型

最新推荐文章于 2022-05-09 19:39:13 发布

weixin_34029949

最新推荐文章于 2022-05-09 19:39:13 发布

阅读量277

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Renyi-Fan/p/9216866.html

本文介绍了HTML5中Frame框架的基本用法，包括如何通过不同属性设置框架布局、如何使用目标属性打开新窗口以及如何返回顶层窗口等关键知识点。

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

html5-6 Frame框架窗口类型

一、总结

一句话总结：

1、点左侧的a链接如何打开右侧页面？

2、如何在一个窗口中退出到最外层的窗口？

3、frame框架的形式是什么样的？

frameset+frame的形式

二、Frame框架窗口类型

1、相关知识

iframe内嵌框架:
<iframe src="http://localhost/web" frameborder="0"></iframe>

frame框架:
<frameset rows="60,*" frameborder='1' border='1px'>
   <frame src='top.html' name='top'>
   <frameset cols='100,*'>
       <frame src='left.html' name='left' noresize>
       <frame src='right.html' name='right'>
   </frameset>
</frameset>

点左侧的a链接如何打开右侧页面:
<a href='user/index.html' target='right'><button>查看用户</button></a>

如何在一个窗口中退出到最外层的窗口:
<a href="login.html" target='_top'><button>退出</button></a>

2、截图

3、代码

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>index</title>
 6 </head>
 7 <frameset rows="60,*" frameborder='1' border='1px'>        
 8     <frame src='top.html' name='top'>
 9     <frameset cols='100,*'>
10         <frame src='left.html' name='left' noresize>
11         <frame src='right.html' name='right'>
12     </frameset>
13 </frameset>
14 </html>

转载于:https://www.cnblogs.com/Renyi-Fan/p/9216866.html