Frameset框架

总结一下。通过使用Frameset框架,可以在同一个浏览器窗口中显示不止一个页面。

先举个例子:

1 <frameset rows="100,*" cols="*" frameborder="no" border="0" framespacing="0">
2     <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
3     <frameset cols="200,*" frameborder="no" border="0" framespacing="0">
4         <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" />
5         <frame src="main.html" name="mainFrame" id="mainFrame" />
6     </frameset>
7 </frameset>

下面介绍一下各个属性:

一、frameset

①border

设置框架的边框粗细。

②bordercolor

设置框架的边框颜色。

③frameborder

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

④cols

纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%”表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。

⑤rows

横向分割页面。数值表示方法与意义与cols相同。

⑥framespacing

设置框架与框架间的保留的空白距离。

二、frame

①name

设置框架名称。此为必须设置的属性。

②src

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

③scrolling

设置是否要显示滚动条。设定值为auto, yes, no。

④bordercolor

设置框架的边框颜色。

⑤frameborder

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

⑥noresize

设置框架大小是否能手动调节。

⑦marginwidth

设置框架边界和其中内容之间的宽度。

⑧marginhight

设置框架边界和其中内容之间的高度。

⑨width

设置框架宽度。

⑩height

设置框架高度。

三、iframe

是浮动的框架(frame),其常用属性与frame类似,其他的主要有以下(相同的就不列举了)

①align

设置垂直或水平对齐方式

②allowTransparency

设置或获取对象是否可为透明。

时间: 2024-10-09 21:08:29

Frameset框架的相关文章

0908期 HTML Frameset框架和选择器

frameset框架 frameset与body没法同时使用,frameset用来分割页面,frame在frameset用于引用其他网页 1 <frameset rows="100,*" frameborder="no">    --上下分,第一行100像素,剩余为第二行:rows换成cols,则上下分变为左右分.frameborder="no",去掉分割线. 2 <frame src="页面地址" nore

HTML框架(frameset框架集和iframe内嵌框架)

HTML框架:1.frameset框架集2.iframe内嵌框架 1.frameset框架集 1.1 创建框架网页的步骤: (1)创建各个子窗口对应的HTML文件 (2)创建整个框架文件,分别引用子窗口文件 1.2 创建框架页面的基本语法:  <frameset cols="25%,50%,*" row="50%,*" border="5">  <frame src="top.html"> ......

frameset框架弹出层

前段时间做项目,有个功能是消息提醒. 我相信很多大牛都做过.下面来分享我遇到的问题和解决方案. 首先我们的项目是用frameset框架,main代码. <frameset name="myFrame" cols="85,*" frameborder="no" border="0" framespacing="0"> <frame src="${base}/left.jsp&quo

.net 跳出Frameset框架

昨天做了个页面跳转单点登录的项目,其中要求原来处于frameset中的一个按钮点击后重新打开一个新系统的界面,但是因为该按钮处于frameset框架之中, 每次点击事件刷新界面仅仅只能在一个局部界面进行刷新. 根据业务需求,上网查询资料后一个个对解决方案进行测试,发现如下后台代码可以完美实现所需的功能: Response.Write("<script>" + "window.top.location.href='" + url + "';&qu

HTML5 - frameset框架集

frameset框架集 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

&lt;frameset&gt;框架集中不同&lt;frame&gt;之间的调用【js代码中】

top:永远指分割窗口最高层次的浏览器窗口;parent:包含当前分割窗口的父窗口,本文将围绕js中top.parent.frame进行讲述及他们的应用案例 引用方法top: 该变量永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. parent: 该变量指的是包含当前分割窗口的父窗口.如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口. 附:Window对象.Pare

【转】frameset 框架集使用语法,常用语后台。

XHTML 框架概述 框架的使用可以让浏览器“分割”成多个页面显示内容,常用于如网站后台管理这些菜单项目固定,且对美观性和搜索引擎要求不高的地方. 框架的优缺点 框架方便制作栏目导航,操作各栏目时不需要重新载入整个页面 框架会产生较多页面,不易管理 不容易打印整个框架页面 对搜索引擎不友好 基于框架的以上特点,目前框架几乎只用于系统后台管理中,而不建议使用于页面展示中. 上下框架 我们以最简单的上下框架来分析框架的原理. 创建一个名字为frame.html新页面,关键代码如下: <!DOCTYP

每日一题_JavaScript.利用Js操作frameset框架集对象实现购物车?

具体需求: 1. 框架集中包含上下两个框架,上面为购物车,下面为商品列表,点击商品列表中购买,实现购物车中额数字增加并传递商品ID 实现思路: 具体代码: shopping.html <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8">         <title></title>     </head>     <fr

Frameset 框架

普通框架 1.框架的概念 框架技术:将一个浏览器窗口划分成若干个小窗口,每个小窗口显示一个独立的网页. 2.框架集和框架页 框架集<frameset>:主要用来划分窗口的. 框架页<frame>:主要用来指定窗口默认显示的网页地址. 框架与窗户很像. 一个窗户由窗格(框架集)和玻璃(框架页)构成. 先规划窗格,然后再确定每个窗格中放的玻璃.(先有结构,后有内容) 框架网页的DTD必须是: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM