暗夜幽灵 发表于 2016-1-6 00:02:13

html框架技术

框架的作用:

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

框架标签:<frameset>
                        <frame>
                        </frame>
               <frameset>
框架结构标签(<frameset>)定义如何将窗口分割为框架

<frameset>有 cols属性和rows 属 性。使用 cols 属性,表示按列分布,使用rows 属性,表示按行分布 。      //本帖以cols属性为例



==========================

具体内容:

建立ztkj.html, a.html, b.html, c.html, d.html

ztkj.html中的内容:

<frameset cols="25%,75%">
<frame src="a.html"name="a" noresize="noresize"/>    //不使用noresize属性,可以移动frame的边框。
<frame src="b.html"name="b" noresize="noresize"/>
</frameset>

注意:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!

a.html中的内容:
<body>
<table border="1" align="center" width="50%" cellspacing="0">
<tr>
<td>
<a href="c.html">这里是c</a>
</td>
</tr>
<tr>
<td>
<a href="d.html">这里是d</a>
</td>
</tr>
</table>
</table>
</body>


b.html为空白文档。

c.html内容
<p>这里是c.html</p>

d.html内容
<p>这里是d.html</p>



此时打开主体框架:ztkj.html 。点击这里是c会发现c.html是在左侧打开的。

这是因为<a></a>有一个target属性,默认为自身窗口打开。

只需要加上target="d"就Ok啦

<a href="c.html" target="b">这里是c</a>

<a href="d.html" target="b">这里是d</a>

这时再点击:这里是c就会在右侧打开c.html


       第一次发这种类型的帖子,请多见谅哈。

Lucifer 发表于 2016-1-6 15:26:34

支持,看起来不错呢!

小龙 发表于 2016-1-7 01:42:29

支持中国红客联盟(ihonker.org)

asion 发表于 2016-1-7 20:58:27

支持中国红客联盟(ihonker.org)

Lucifer 发表于 2016-1-7 22:44:29

还是不错的哦,顶了

54hacker 发表于 2016-1-8 10:14:52

wanmznh 发表于 2016-1-8 10:58:30

还是不错的哦,顶了

Lucifer 发表于 2016-1-8 21:11:47

感谢楼主的分享~

fireworld 发表于 2016-1-8 23:47:36

学习学习技术,加油!

ayang 发表于 2016-1-9 13:42:46

支持中国红客联盟(ihonker.org)
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: html框架技术