您的位置：首页 > Web前端 > HTML

HTML笔记——HTML 框架（frameset ）

2014-04-13 23:22 232 查看

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

实例：

平常使用：

<html>

<frameset cols="25%,50%,25%">



<frame src="htmlDemo.html" noresize="noresize" tppabs="htmlDemo.html">

<frame src="htmlDemo.html" tppabs="htmlDemo.html">

<frame src="htmlDemo.html" tppabs="htmlDemo.html">

</frameset>

<noframes>

<body>您的浏览器无法处理框架！</body>

</noframes>

</html>

嵌套使用：

<html>

<frameset rows="50%,50%">

<frame src="htmlDemo.html" tppabs="htmlDemo.html">

<frameset cols="25%,75%">

<frame src="htmlDemo.html" tppabs="htmlDemo.html">

<frame src="htmlDemo.html" tppabs="htmlDemo.html">

</frameset>

</frameset>

<noframes>

<body>您的浏览器无法处理框架！</body>

</noframes>

</html>

属性：

noresize：默认是可以改变框架的大小的，设置为noresize="noresize"就不可以更改大小了

Tips:

使用了<frameset>就不能在<frameset>标签外面用<body>标签了，
为不支持框架的浏览器添加 <noframes> 标签。
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

练习：

使用框架导航跳转至指定的节本例演示两个框架。左侧的导航框架包含了一个链接列表，这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。

源代码：htmlDemo3.html

<html>

<frameset cols="25%,75%">

<frame src="htmlDemo5.html">

<frame name="haha"
src="htmlDemo4.html">

</frameset>

<noframes></noframes>

</html>

htmlDemo4.html

<html>

<body>

<a name="C1">

<h2>章节1</h2>

<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

</p>

<a name="C2">

<h2>章节2</h2>

<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>

</p>

<a name="C3">

<h2>章节3</h2>

<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

</p>

<a name="C4">

<h2>章节4</h2>

<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

<a name="C5">

<h2>章节5</h2>

<p>
arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

arhnfvilarvnodvad;rmno'[rmbv'tjmv][pe'tmgvik'dfsmvjpa'['joshinuo;HNfu<br/>

ihruojfajf;aljfkdljfojkldjklfjiaeojjfkjfkaj;fdfjkjfjfasfjaiejiafafafk<br/>

afcakfakfasfafjfkjakl;fafjlajfljak;jfajfalk;jfa;jklfafasdfkasjfkfnrkn<br/>

</p>

</body>

</html>

htmlDemo5.html

<html>

<body>

<a href ="htmlDemo4.html" target="haha">没有锚的链接</a><br>

<a href ="htmlDemo4.html#C5" target="haha">带有锚的链接</a>

</body>

</html>

target="haha"中
haha代表框架的名称，表示要在那个框架中显示。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航