• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Frameset使用教程

php 搞代码 4年前 (2022-01-23) 18次浏览 已收录 0个评论

frame,是网页开发必须掌握的知识。例如后台架构、局部刷新,页面分割,都是frame的用途表现,尤其是后台页面制作,使用frame会给用户带来非常舒适的使用感受。

frame知识点包括(frameset标签、frame标签、iframe标签)。下面就对其一一介绍。

一、frameset

1. 属性

①border

设置框架的边框粗细。

②bordercolor

设置框架的边框颜色。

③frameborder

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

④cols

纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数目且数值之间用“,”隔开。“30%&rdqu本文来源gao@daima#com搞(%代@#码@网&搞gaodaima代码o;表示该框架区域占全部浏览器页面区域的30%;“30”表示该区域横向宽度为30像素;“*”表示该区域占用余下页面空间。例如:cols=”25%,200,*” 表示将页面分为三部分,左面部分占页面30%,中间横向宽度为200像素,页面余下的作为右面部分。

⑤rows

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

⑥framespacing

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

2. 用例

<frameset cols=”213,*” frameborder=”no” border=”0″ framespacing=”0″>

注意1:

cols与rows两属性尽量不要同在一个<frameset>标签中使用。若要实现下图架构,代码正确写法为:

<frameset rows=”59,*” cols=”*” frameborder=”no” border=”0″ framespacing=”0″>

<frame src=”???” name=”topFrame” scrolling=”No” noresize=”noresize”/>

<frameset cols=”213,*” frameborder=”no” border=”0″ framespacing=”0″>

<frame src=”???” name=”leftFrame” scrolling=”No” noresize=”noresize”/>

<frame src=”???” name=”mainFrame”/>

【即,若想即使用cols又使用rows,可利用frameset嵌套实现】

注意2:

<frameset cols=”40%,*,*”>

意思是:第一个框架占整个浏览器窗口的40%,剩下的空间平均分配给另外两个框架。

<frameset cols=”*,*,*,*”>

意思是:浏览器窗口等分为四部分。

二、frame

1. 属性

①name

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

②src

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

③scrolling

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

④bordercolor

设置框架的边框颜色。

⑤frameborder

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

⑥noresize

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

⑦marginwidth

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

⑧marginhight

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

⑨width

设置框架宽度。

⑩height

设置框架高度。

2. 用例

<frame src=”???” name=”topFrame” scrolling=”No” noresize=”noresize” marginwidth=”10″ marginhight=”10″ width=”400″ height=”800″ />

三、iframe

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

1. 属性

①align

设置垂直或水平对齐方式

②allowTransparency

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

2. 用例

<iframe name=”123″ align=”middle” marginwidth=”0″ marginheight=0 src=”???” frameborder=”0″ scrolling=”no” width=”776″ height=”2500″></iframe>

注意:

iframe标签与frameset、frame标签的验证方法不同,是XHTML 1.0 Transitional。且iframe是放在body标签之内,而frameset、frame是放在body标签之外。

四、综合示例

综合示例

<frameset cols=”25%,*”>

<frame src=”menu.htm” scrolling=”no” name=”Left”>

<frame src=”page1.htm” scrolling=”auto” name=”Main”>

<body>

对不起,您的浏览器不支持“框架”!

【说明】

标志对也是放在<frameset>标志对之间,用来在那些不支持框架的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body>标志对,然后才可以使用我们熟悉的任何标志。

最后需要说明一点:

如果将代码按照我以上所写写到VS中报错的话,例如:

或者

解决方法如下:

工具→选项→文本编辑器→HTML→验证→Internet Explorer 6.0

好了,通过以上内容,大家再多加练习,就会慢慢熟悉frame的相关知识了,用好了的话你会发现真的挺好。至于frame系列标签的事件方法,一般用的不是非常多,需要的话,大家自己再查吧。【呵呵,其实本人还没有用到过】

以上就介绍了Frameset使用教程,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Frameset使用教程

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址