千家信息网

frameset标签设计页面

发表于:2026-10-31 作者:千家信息网编辑
千家信息网最后更新 2026年10月31日,重要事项:不能将 标签放在 标签里。且 HTML5 已经不支持 frameset 标签的使用!!!1、frameset 元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配
千家信息网最后更新 2026年10月31日frameset标签设计页面

重要事项:不能将 标签放在 标签里。且 HTML5 已经不支持 frameset 标签的使用!!!

1、frameset 元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配合框架的使用,我们可以对页面进行分割,局部刷新。合理的使用会给用户带来非常好的体验效果。

2、frameset 的几个属性:

①、cols:定义框架集中列的数目和尺寸。垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。

②、rows:定义框架集中行的数目和尺寸。这是横向切割,将画面上下分开,数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 标记中,因 Netacape 偶然不能显示这类型的框架,尽量采用多重分割。

③、frameborder:设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。

④、border:设定框架的边框厚度。

⑤、bordercolor:设定框架的边框颜色。

⑥、framespacing:表示框架与框架间保留的空白的距离。

3、frame 标签的属性:

①、name:设定框架名称。此为必须设置的属性。

②、src:设定此框架要显示的网页名称或路径。此为必须设置的属性。

③、scrolling:设定是否要显示滚动条。设定值为auto, yes, no。

④、bordercolor:设定框架的边框颜色。

⑤、frameborder:设定是否显示框架边框。设定值只有0、1;0 表示不要边框,1 表示要显示边框。

⑥、noresize:设定框架大小是否能手动调节。

⑦、marginwidth:设定框架边界和其中内容之间的宽度。

⑧、marginhight:设定框架边界和其中内容之间的高度。

⑨、width:设定框架宽度。

⑩、height:设定框架高度。

4、frameset使用实例:

如果要实现下面的效果

页面分为三部分,顶部,左边和右边。其中点击左边的超链接,右边的框架页面会相应变化。

整体页面:main.html

1 2         3         4             5             6         7 

top.html,right.html就是一个空页面,left.html如下:

1 2     

页面的分层显示,主要就是 frameset 标签中对于 cols 和 rows 的使用,在配合 frame 标签的嵌套。而想要达到点击左边的菜单栏,右边的frame 相应发生变化,那必须要认识属性

target:规定在何处打开链接文档。浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。即 main.html 中,,这里的 name 属性值为多少,那么 left.html 中, 这里要相等。

5、如何在子页面中获取父页面所在的frameset中的其它的frame中的元素?

即如何在 right.html 中获取 left.html中标签的属性值等等

$(parent.parent.mainFrame.document).contents().find("body").html(); //manFrame指的是你想要查看的那个frame的id

比如上面的 left.html页面中,任务创建的 ID 为 taskCreat,那么我们可以这样获取:并改变它的 class 属性。

$(parent.parent.left.document).contents().find("#taskCreat").attr("class","list-group-item");

6、frameset 的优缺点

我们知道,目前的 HTML5 标准已经不支持 frameset 了,虽然使用它重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,加快了网页下载速度)。但是它也有很多缺点,比如浏览器的后退按钮是没用的;会产生很多页面,不易管理;代码复杂,不易被搜索引擎搜索;小型移动设备显示不全;多框架的页面会增加服务器 http 请求等等。所以对于 frameset 的使用我们需要慎重,而且现阶段的 DIV+CSS 用来实现这个功能也是可以的。


框架 页面 属性 边框 标签 视窗 宽度 画面 管理 三个 任务 右边 名称 数值 数目 文档 不易 之间 代表 元素 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 上海挚品互联网科技有限公司 互联网科技工作委员会副主任毛军 科技股互联网 互联网最新的科技有限公司 广州互联网科技公司 奇酷互联网科技公司 广州善班互联网科技 长亮科技 互联网金融 深圳互联网科技怎么样 互联网科技公司需要的职位 新华互联网科技2019 互联网科技公司有风险吗 链环科技传统企业怎么转型互联网 企晟互联网信息科技有限公司 科技互联网的核心竞争力 南通创西澳互联网科技有限公司 伍佰万互联网科技怎么赚钱 智帮互联网科技公司最近动向 启辰互联网科技 深圳互联网科技园地址 互联网科技巨头监管 朗新科技与工业互联网 贷财互联网科技 广州善班互联网科技 互联网科技公司需要的职位 移动互联网科技股 茂名市互联网科技产业园 语蝶互联网科技有限公司 广东工业互联网大赛深圳学泰科技 高科技和互联网的现代国家
0