【HTML】框架集（Framesets）

最新推荐文章于 2022-04-16 13:59:36 发布

叛逆的鲁鲁修love CC

最新推荐文章于 2022-04-16 13:59:36 发布

阅读量167

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/alwaysblog/p/5824554.html

版权

1.Frameset的使用

所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只要 <FRAMESET> <FRAME> 即可，而所有框架标记要放在一个总起的 html 档。

这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用

 1 <!DOCTYPE HTML>
 2 <html>
 3 <script type="text/javascript" src="jquery.js"></script>
 4 <script type="text/javascript" src="jquery.min.js"></script>
 5 <script type="text/javascript" src="zDrag.js"></script>
 6 <script type="text/javascript" src="zDialog.js"></script>
 7 <frameset cols="25%,50%,25%">
 8 
 9 <frame src="dialog.html">
10 <frame src="dialog.html">
11 <frame src="dialog.html">
12 
13 </frameset>
14 
15 </html>

当浏览器太旧，不支援框架这个功能时，看到的将会是一片空白。为了避免这种情况，可使用 <NOFRAMES> 这个标记，

当使用者的浏览器看不到框架时，他就会看到 <NOFRAMES> 与 </NOFRAMES> 之间的内容。

这些内容可以是提醒浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本亦可。

 1 <!DOCTYPE HTML>
 2 <html>
 3 <script type="text/javascript" src="jquery.js"></script>
 4     <script type="text/javascript" src="jquery.min.js"></script>
 5     <script type="text/javascript" src="zDrag.js"></script>
 6     <script type="text/javascript" src="zDialog.js"></script>
 7 <frameset cols="25%,50%,25%">
 8 <noframes> 
 9 <body> 
10 很抱歉，使用的浏览器不支援框架功能，请转用新的浏览器。 
11 </body> 
12 </noframes> 
13   <frame src="dialog.html">
14   <frame src="dialog.html">
15   <frame src="dialog.html">
16 
17 </frameset>
18 
19 </html>