frame标签后:混合框架,导航框架,垂直框架,水平框架

it2022-05-05  176

文献种类:专题技术文献; <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;

开始: 点击带有锚的链接:


最新回复(0)