frame标签后：混合框架，导航框架，垂直框架，水平框架

最新推荐文章于 2023-01-04 22:35:08 发布

雷碎

最新推荐文章于 2023-01-04 22:35:08 发布

阅读量502

点赞数

分类专栏：新人路途文章标签： frame标签后：混合框架，导航框架，垂直框架，水平框架

本文链接：https://blog.csdn.net/weixin_44540155/article/details/96436850

版权

新人路途专栏收录该内容

33 篇文章 1 订阅

订阅专栏

文献种类：专题技术文献；

		<frame>标签后：混合框架，导航框架，垂直框架，水平框架

开发工具与关键技术：VS/HTML
作者：吴泽锋
撰写时间：2019年7月8日

	混合框架：三份文档以上的框架结构，同时将他们混合置于行和列之中。
	<frameset rows="50%,50%">
		<frame src="/come/Index_1">
		<frameset cols="50%,50%">
			<frame src="/come/Index_2">
			<frame src="/come/Index_3">
		</frameset>
	</frameset>

在这里插入图片描述

	<frameset cols="50%,50%">
		<frame src="/come/Index_1">
		<frameset rows="50%,50%">
			<frame src="/come/Index_2">
			<frame src="/come/Index_3">
		</frameset>
	</frameset>

在这里插入图片描述

	列框架==垂直框架： 
	<frameset cols="*,*">
		<frame src="/come/Index_2">
		<frame src="/come/Index_3">
	</frameset>

在这里插入图片描述

	行框架==水平框架：
	<frameset rows="*,*,*">
		<frame src="/come/Index_1">
		<frame src="/come/Index_2">
        <frame src="/come/Index_3">
	</frameset>

在这里插入图片描述

	使用导航框架须知：
	开始代码：
	<frameset cols="40%,60%">
       <frame src="/come/Index_1"></frame>
       <frame src="/come/Index_2" name="showframe"></frame>
	</frameset>
	/*index_1 页面代码*/      
	<a href="/come/index_2" target="showframe">index_2</a>
      <a href="/come/index_3" target="showframe">index_3</a>
	<a href="/come/index_4" target="showframe">index_4</a>

1、开始时，页面加载，没有前进与后退，如下图1 红圈；
图1：在这里插入图片描述图2：

	2、	当点击导航部分的链接时(除了与右边框架加载时的链接)；即开始时，右边框架为 index_2 页面，如果再 点击 在左边的框架(导航部分) index_1 页面的 名为 index_2 的 a 标签链接 跳转到 index_2 页面，右边框架 会跳转/刷新，但左边框架并不会；同时，顶部有后退，虽然是同一页面，如图2；
	
	3、	在 图2 的基础上再次 点击 左边的 index_2 的 a 标签链接，无论再点击多少次 都只有一条后退的历史记录，相当于只是进行页面刷新操作而已，而且点击后退按钮时同样是右边框架改变，左边不变；
	    但与点击刷新不同，再此基础上，如果点击刷新后，再此点击 index_2 链接，历史记录也会增加一条，即3条记录，而且从第3个页面点击后退，如果只是后退到第2个页面左边不会刷新，但是一旦回到第1个页面，左右两边同时刷新；
	    同样，再在第1个页面点击前进，到第2个页面还是会刷新，但是到第3个页面就不会刷新，虽然3个页面相同；
	
	4、	在 图2 的基础上，只要点击除了 index_2 的 a 标签链接外的链接，右边框架刷新的同时历史记录将再次多一条，点击后退按钮也就需要点击两次才能返回开始页；
	    同样的，无论在导航部分点击该条链接多少次都是左不变，右变；
	
	5、	如果在点击除开始时右边框架所在的链接以外的链接后，再刷新页面，最后点击的链接的页面将会改变为开始时的页面；
	    然后点击后退，倒数第2个页面亦会刷新，后退到其它页面不会刷新；在倒数第2个页面这里点击前进还是会刷新页面；

	导航框架：导航框架包含一个将第二个框架作为目标的链接列表。
	名为 "Index_1" 的文件包含俩个链接。
	开始：
		<frameset cols="40%,60%">
	        <frame src="/come/Index_1"></frame>
	        <frame src="/come/Index_2" name="showframe"></frame>
		</frameset>

在这里插入图片描述

	点击 index_3 链接：
		右边框架发生改变，但是左边框架不会改变或者刷新；

在这里插入图片描述

	使用框架导航跳转至指定的节：
		左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。
		第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。
	/*开始的页面*/
	<frameset cols="40%,60%">
	    <frame src="/come/Index_2"></frame> 
	    <frame src="/come/Index_4" name="showframe"></frame>
	</frameset>
	
	/*index_2页面*/   
	 <a href="/come/Index_4" target="showframe">没有锚的链接</a><br />
	 <a href="/come/Index_4#C10" target="showframe">带有锚的链接</a>
	 
	/*index_4页面*/   
		<a name="C1"><h2>Chapter 1</h2></a>   <p>This … bla</p>   ……
	    <a name="C10"><h2>Chapter 10</h2></a> <p>This … bla</p>   ……
	    <a name="C17"><h2>Chapter 17</h2></a> <p>This … bla</p>
    和 跳转至框架内的一个指定的节 效果一样，只不过该例可以随意点击跳转；借鉴于W3C；

开始：在这里插入图片描述
点击带有锚的链接：