HTML frameset定义页面多窗口

来源:互联网 发布:软件测试员招聘 编辑:程序博客网 时间:2024/06/06 17:00

HTML 的<frameset> 有什么作用呢?简单就一句话,它可以给你自己在页面上定义多窗口!

下面我们来举个小案例:

需求: 定义一个页面, 左边存在两个链接, 我们给定义为left 区域, 右边会根据左边的链接点击进行变化, 我们定义是right 区域.

思路: 我们首先, 定义一个页面-all.html, 在定义一个存放链接的left,html, 最后定义两个会跟随left 的两个链接进行跳转的right1.html, right2.html

代码如下:

left.html:

<body>
<a href="right1.html" target="right">right1</a></br>
<a href="right2.html" target="right">right2</a>
</body>

注意: a链接里面的target属性,决定了all.html 页面上frame 的name属性, 两者是相关联的!


right1.html:

<body bgcolor="green">
I am right1!
</body>

right2.html:

<body bgcolor="blue">
I am right2!
</body>

all.html:

<frameset cols="20%,*">
<frame src="left.html"/>
<frame src="right1.html" name="right"/>
<frame src="right2.html" name="right"/>
</frameset>

注意:frameset如果用cols 代表横向分布, 如果选择用rows 代表纵向分布

原创粉丝点击