查看: 310213|回复: 1572

html框架技术

[复制链接]
发表于 2016-1-6 00:02:13 | 显示全部楼层 |阅读模式
框架的作用:

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份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


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

评分

参与人数 2i币 +16 收起 理由
xiaoye + 8 支持原创,如果写上浮动框架那就更好!!!.
昊情· + 8 感谢分享

查看全部评分

回复

使用道具 举报

发表于 2016-1-6 15:26:34 | 显示全部楼层
支持,看起来不错呢!
回复 支持 反对

使用道具 举报

发表于 2016-1-7 01:42:29 | 显示全部楼层
支持中国红客联盟(ihonker.org)
回复 支持 反对

使用道具 举报

发表于 2016-1-7 20:58:27 | 显示全部楼层
支持中国红客联盟(ihonker.org)
回复 支持 反对

使用道具 举报

发表于 2016-1-7 22:44:29 | 显示全部楼层
还是不错的哦,顶了
回复 支持 反对

使用道具 举报

发表于 2016-1-8 10:14:52 | 显示全部楼层
回复 支持 反对

使用道具 举报

发表于 2016-1-8 10:58:30 | 显示全部楼层
还是不错的哦,顶了
回复 支持 反对

使用道具 举报

发表于 2016-1-8 21:11:47 | 显示全部楼层
感谢楼主的分享~
回复 支持 反对

使用道具 举报

发表于 2016-1-8 23:47:36 | 显示全部楼层
学习学习技术,加油!
回复 支持 反对

使用道具 举报

发表于 2016-1-9 13:42:46 | 显示全部楼层
支持中国红客联盟(ihonker.org)
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

指导单位

江苏省公安厅

江苏省通信管理局

浙江省台州刑侦支队

DEFCON GROUP 86025

旗下站点

邮箱系统

应急响应中心

红盟安全

联系我们

官方QQ群:112851260

官方邮箱:security#ihonker.org(#改成@)

官方核心成员

Archiver|手机版|小黑屋| ( 沪ICP备2021026908号 )

GMT+8, 2025-5-1 14:28 , Processed in 0.329970 second(s), 20 queries , Gzip On.

Powered by ihonker.com

Copyright © 2015-现在.

  • 返回顶部