FrameSet框架网页

合集下载

html中的框架frameset和frame及iframe

html中的框架frameset和frame及iframe

html中的框架frameset和frame及iframe通过使⽤框架,你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯。

通过使⽤框架,你可以在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯,简⽽⾔之,就是在⼀个窗⼝中显⽰多个页⾯。

每个页⾯称之为⼀个框架。

并且每个框架独⽴于其他的框架。

使⽤框架的坏处:必须同时跟踪多个框架(⽹页或HTML⽂档),整个页⾯很难打印。

1、框架标签(Frame)简单的三框架页⾯:<frameset cols="25%,50%,25%"><frame src="frame_a.htm"><frame src="frame_b.htm"><frame src="frame_c.htm"></frameset>所有主流浏览器都⽀持 <frame> 标签。

标签定义及使⽤说明<frame> 标签定义 <frameset> 中的⼦窗⼝(框架)。

<frameset> 中的每个 <frame> 都可以设置不同的属性,⽐如 border、scrolling, noresize 等等。

HTML 4.01 与 HTML5之间的差异HTML5 不⽀持 <frame> 标签,HTML 4.01 ⽀持 <frame> 标签。

HTML 与 XHTML 之间的差异在 HTML 中,<frame> 标签没有结束标签。

在 XHTML 中,<frame> 标签必须被正确地关闭。

可选的属性属性值描述HTML5 不⽀持。

规定是否显⽰框架周围的边框。

1URL HTML5 不⽀持。

规定⼀个包含有关框架内容的长描述的页⾯。

pixels HTML5 不⽀持。

规定框架的上⽅和下⽅的边距。

pixels HTML5 不⽀持。

frame网页框架

frame网页框架
<td style="width:100%;padding-left:6px;">
<iframe frameBorder=0 id="rmain" name="rmain" scrolling="auto" src="main.php" style="height:100%;visibility:inherit;width:100%;z-index:1"></iframe>
一、Frame框架基本概念
<frameset>——框架标记,用以宣告此HTML文件为框架模式,并约定本主体窗口的切分方式(第一层切分方式)。
<frame>——设定一个子框架窗口及其属性。
<frameset> 常用属性参数说明:
cols—— 垂直切分窗口,可用整数值(绝对宽度像素pix值)、百分比(窗口宽度百分比)或“ *”号进行,多个参数以逗号分割,其中“*”标示占用余下宽度空 间。
</td>
<td bgcolor="#9999CC" onClick="metsky_switch()" title="打开/关闭左边导航栏" style="height:100%;cursor:hand;"> &nbsp;<!--这里放像素图片也可以--> </td>
rows——设定方法同cols,只是切分方向为水平横向而已,为照顾浏览器的兼容以及程序可读性考虑,请勿在一个<frameset>标签中同时使用COLS和ROWS标记。

jsp框架frameset和frame的区别和用法(转:zph_0629的日志-网易博客)

jsp框架frameset和frame的区别和用法(转:zph_0629的日志-网易博客)

jsp框架frameset和frame的区别和⽤法(转:zph_0629的⽇志-⽹易博客)【注】可以通过对框架的命名,实现jsp页⾯的target设置⾸先搞清楚框架的两个标签:frameset和frame.1.frameset:声明页⾯是采⽤了框架技术Java代码:<frameset rows="60,*" frameborder="1" border="0" bordercolor="#000FFF" framespacing="1">lt;/frameset>rows="60,*"是把页⾯分为上下两个部分,rows="*,*,*"是把页⾯分成上中下3个部分cols="60,*"是把页⾯分为左右两个部分,以此类推....省略其中⽅法和属性描述2.frame:简单的说framset是页⾯分布的结构,那么frame就是结构中的内容了把页⾯分为上下两个部分,下部分⼜分成左右两个⼩模块组成,代码如下:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>例⼦</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><frameset rows="70,*" cols="*" frameborder="No" border="0"framespacing="1"><framesrc="inc/top.jsp"name="topFrame" scrolling="No" noresize="noresize" id="topFrame"title="topFrame" /><frameset cols="160,*" frameborder="No" border="0" framespacing="1"><framesrc="inc/menu.jsp"src="inc/controlMenu.jsp"name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"title="leftFrame" /><framesrc="exclusiveUpdateCar.jsp"name="mainFrame" noresize="noresize" id="mainFrame" title="mainFrame" /><!--注意id="mainFrame"和 menu.jsp中的target="mainFrame"..看这就明⽩了。

网页设计中的框架是什么-优缺点-注意什么问题

网页设计中的框架是什么-优缺点-注意什么问题

网页设计中的框架是什么-优缺点-注意什么问题框架是网页中常用的一种页面制定方法。

frame的功能是在一个浏览器窗口中将网页分成假设干不同的区域,以便在一个浏览器窗口中显示多个HTML页面。

框架是网页中常用的一种页面制定方法。

frame的功能是在一个浏览器窗口中将网页分成假设干不同的区域,以便在一个浏览器窗口中显示多个HTML页面。

使用该框架可以非常方便的完成导航工作,使网站的结构更加清楚,并且各个框架之间没有干扰;使用该框架的特点是使网站的风格坚持一致。

通常,网站的同一部分被做成一个页面,作为整个网站框架结构的子框架的内容。

框架结构由两部分组成:框架:框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口其余部分中显示的内容无关的web 文件。

Frameset:Frameset也是一个网页文件。

它将窗口按行和列划分为多个框架。

帧数取决于有多少页。

每个框架中显示不同的网页文件。

所谓框架,就是把网页分成几个框架窗口,同时获得多个网址。

Ltframeset用于划分框架窗口。

每个框架窗口都有一个,必须在的范围内使用。

2 网页制定框架的优缺点有哪些1、优点(1)访问者的浏览器不必须要为每个页面重新加载与导航相关的图形。

(2)每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架。

例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不必须要再滚动回顶部来使用导航条。

2、缺点(1)可能难以实现不同框架中各元素的准确图形对齐。

(2)对导航进行测试可能很耗时间。

(3)各个带有框架的页面的URL不显示在浏览器中,因此访问者可能难以将特定页面设为书签(除非您提供了服务器代码,使访问者可以加载特定页面的带框架版本)。

3网页制定框架应注意的问题1、避免框架和内联框架框架和内联框架使得搜索引擎难以抓取网站,因为它们与标准所约定的一个网页就是一个html文件相背驰,而是包涵了多个html文件。

frameset 用法

frameset 用法

frameset 用法【原创版】目录1.frameset 简介2.frameset 的基本语法3.frameset 的属性4.frameset 的嵌套5.frameset 的实例正文1.frameset 简介frameset 是 HTML 中的一个元素,用于创建网页的框架,可以将网页分为多个区域,从而实现复杂的页面布局。

frameset 元素可以包含其他 HTML 元素,如文本、图片、链接等,也可以包含其他 frameset 元素,实现嵌套的框架结构。

2.frameset 的基本语法frameset 元素的基本语法如下:```html<frameset><frame>内容 1</frame><frame>内容 2</frame><!-- 更多的 frame 元素 --></frameset>```其中,frameset 元素包含一个或多个 frame 元素,每个 frame 元素包含一个页面的完整内容。

3.frameset 的属性frameset 元素有多个属性,可以控制框架的布局和样式,以下是一些常用的属性:- cols:规定框架中列的数量。

- row:规定框架中行的数量。

- frameborder:规定框架边框的宽度。

- border:规定框架边框的样式。

- scroll:规定框架是否显示滚动条。

例如:```html<frameset cols="2,1" row="2"><frame src="page1.html" frameborder="1">内容 1</frame> <frame src="page2.html" frameborder="1">内容 2</frame> <frame src="page3.html" frameborder="1">内容 3</frame> </frameset>```上述代码创建了一个 2 行 3 列的框架,每个框架的边框宽度为 1,并且内容 1、内容 2、内容 3 分别从不同的页面加载。

frameset框架用法 html5

frameset框架用法 html5

框架(Frameset)是指在网页中将不同的网页内容放置在不同的框架(或窗口)中,以便于用户可以在同一个页面中同时浏览多个不同的网页内容。

在HTML5中,框架(Frameset)仍然是一种有效的页面布局方式,虽然在某些情况下它并不被推荐使用。

下面将对HTML5中的frameset框架用法进行全面的介绍,包括使用实例、优缺点、适用场景和未来趋势等方面。

一、frameset框架用法介绍1. 什么是frameset框架Frameset框架是一种在网页中创建分割窗口的方式,它允许网页被分割成不同的区域,并在每个区域中加载不同的网页内容。

通常情况下,frameset框架被用于创建多个可以同时滚动的网页区域,以方便用户在一个页面内浏览多个不同的内容。

2. frameset框架的基本结构frameset框架的基本语法结构如下所示:```<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中,使用`<frameset>`标签定义了一个包含了三个不同尺寸的框架的框架集。

每个`<frame>`标签则定义了每个框架中要加载的网页内容。

二、frameset框架用法实例下面通过一个实际的例子来展示frameset框架的用法。

1. 创建一个包含多个框架的网页我们创建一个名为`frameset-example.html`的文件,内容如下:```html<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="25,50,25"><frame src="frame1.html"><frame src="frame2.html"><frame src="frame3.html"></frameset></html>```在这个例子中,我们使用`<frameset>`和`<frame>`标签创建了一个包含了三个不同尺寸的框架的框架集,并在每个框架中加载不同的网页内容。

iframe target用法

iframe target用法

iframe target用法什么是iframe?在网页开发中,iframe(内联框架)是一种HTML元素,用于在一个网页中嵌入另一个网页。

通过使用iframe,可以将其他网页或内容嵌入到当前页面中的指定区域。

iframe的基本用法使用iframe需要两个关键属性:src和width/height。

其中src属性指定要嵌入的页面的URL,width和height属性用于设置iframe的宽度和高度。

<iframe src="" width="500" height="300"></iframe>上述代码将在当前页面中嵌入一个宽度为500px、高度为300px,并且加载来自”“的页面。

iframe target属性除了基本用法外,iframe还有一个重要的属性:target。

这个属性用于指定链接的目标窗口或框架。

_selftarget=“_self”表示链接将在当前窗口或框架中打开,默认情况下,所有链接都是在当前窗口中打开。

<a href="" target="_self">点击这里</a>上述代码中的链接将在同一个窗口或框架中打开,并替换当前页面。

_blanktarget=“_blank”表示链接将在新窗口或标签页中打开。

这是最常见的用法之一。

<a href="" target="_blank">点击这里</a>上述代码中的链接将在一个新的窗口或标签页中打开。

_parenttarget=“_parent”表示链接将在父窗口或框架中打开。

如果当前页面嵌套在另一个框架中,那么链接将在父框架中打开。

<a href="" target="_parent">点击这里</a>上述代码中的链接将在父窗口或框架中打开。

iframe 的用法

iframe 的用法

iframe 的用法摘要:1.iframe 的定义和作用2.iframe 的基本语法和属性3.iframe 的使用场景和注意事项4.iframe 的优点和缺点正文:iframe,全称内联框架(Inline Frame),是一种网页元素,它可以在网页中嵌入其他网页或者文档。

iframe 常用于在网页中显示广告、社交媒体分享、子页面等。

1.iframe 的定义和作用iframe 是一个可嵌套的HTML 元素,可以包含任何HTML 代码和文档。

当用户在网页上单击iframe 时,不会打开一个新的窗口,而是在原窗口中显示iframe 中的内容。

这使得iframe 成为了一个很好的在网页中显示其他网页或文档的方法。

2.iframe 的基本语法和属性要创建一个iframe,只需在HTML 代码中使用如下语法:```<iframe src="URL" width="宽度" height="高度" frameborder="边框宽度" scrolling="滚动方式"></iframe>```其中,`src` 属性表示iframe 所嵌入的网页或文档的URL,`width` 和`height` 属性分别表示iframe 的宽度和高度,`frameborder` 属性表示iframe 的边框宽度,`scrolling` 属性表示iframe 的滚动方式。

3.iframe 的使用场景和注意事项iframe 最常见的使用场景是在网页中显示广告、社交媒体分享、子页面等。

在使用iframe 时,需要注意以下几点:- iframe 可能会导致安全问题,因为它们可以加载任何HTML 代码和文档。

因此,在嵌入iframe 时,务必确保来源可靠。

- iframe 可能会影响网页的性能,因为它们需要加载额外的HTML 代码和文档。

frameset框架用法

frameset框架用法

frameset框架用法
frameset是一种非常有用的HTML元素,它允许你在同一个网页上添加多种内容,而不是单一的内容。

它可以利用框架的形式来分割内容和使用框架,以便将内容更好地布局到网页中。

frameset元素有助于管理网页中的内容,因为它可以分拆出不同的框架,每个框架都可以单独显示指定的内容。

每个框架可以独立改变大小,如果你想让网页变得更容易阅读,即使它有很多内容,你也可以使用框架来改变它的样式。

frameset可以很容易地让内容显示得很容易,如果你用这个特性来管理你的网站,它也可以大大提高网站的可用性。

另外,如果你的网站有很多不同的页面,则可以使用frameset 来将页面之间的内容显示在不同的框架中。

这样,用户就可以随时地轻松地在页面之间切换,而不必每次都要重新载入整个网页。

总之,frameset是一个强大的HTML元素,它可以让开发者把网页内容进行管理,这会让开发者更容易地控制网站的外观和布局,也有助于提高网站的用户体验。

frameset 用法

frameset 用法

Frameset 是一个 HTML 元素,已经被 HTML5 标准弃用,不再推荐使用。

它曾经用于创建框架(Frames)集,使得可以在同一个浏览器窗口中显示多个网页。

每个框架都能够加载不同的网页,这使得开发者可以将不同的内容组合在一个页面中。

以下是 Frameset 的基本用法示例:
在上面的示例中,<frameset>元素定义了一个包含两个框架的框架集。

<frameset>元素有一个cols属性,指定了每个框架的宽度比例。

<frame>元素定义了每个具体的框架,src属性指定了框架加载的网页地址,name属性指定了框架的名称。

然而,由于 Frameset 存在一些问题,包括不利于搜索引擎优化(SEO)、不利于可访问性以及不利于移动设备浏览等,因此已经被 HTML5 标准弃用。

取而代之的是使用 CSS 和其他 HTML 元素来实现网页布局,如使用<div>元素和 CSS 样式。

现代 Web 开发中,使用 CSS 的布局技术如 Flexbox 和 Grid Layout 来实现复杂的页面布局更为常见。

同时,如果需要创建可分割视图,可以考虑使用<iframe>元素来嵌入其他网页,但也需要注意该方法可能会带来安全风险和其他问题。

frameset用法

frameset用法

frameset用法frameset是一种用于创建网页分区的HTML元素。

它可以将一个网页分成多个框架,每个框架可以包含不同的内容。

frameset的使用方法如下:1. 首先,在HTML文档的<head>标签中,添加以下meta标签:```html<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />```这将设置网页的字符集为UTF-8,以确保正确显示中文字符。

2. 然后,在HTML文档的<body>标签中,添加以下frameset元素:```html<frameset cols="50%,50%">```这将把网页分成左右两个相等的框架。

cols属性中的百分比值表示每个框架的宽度占比。

3. 在frameset元素内部,添加以下frame元素:```html<frame src="" /><frame src="" />```这将为每个框架添加一个对应的HTML页面。

src属性指定了每个框架要加载的页面地址。

4. 可以在frame元素中使用其他的HTML元素和标记来添加所需的内容和样式。

5. 如果需要添加更多的框架,可以在frameset元素中继续添加frame元素,并使用cols属性指定每个框架的宽度占比。

例如:```html<frameset cols="30%,40%,30%"><frame src="" /><frame src="" /><frame src="" /></frameset>```这将把网页分成三个框架,第一个框架占30%宽度,第二个框架占40%宽度,第三个框架占30%宽度。

frameset 用法

frameset 用法

frameset 用法摘要:1.框架集(frameset)的定义和作用2.frameset 的基本语法3.frameset 的属性a.rowsb.colsc.frameborderd.noResizee.scrollingf.marginwidthg.marginheight4.frameset 的嵌套使用5.框架集(frameset)与iframe 的区别6.frameset 的应用场景和注意事项正文:框架集(frameset)是HTML 语言中的一种布局方式,主要用于在网页中创建多列或多行的布局。

它能够将页面分割成多个独立的区域,每个区域可以显示不同的网页内容,也可以通过设置不同的属性来控制框架的显示效果。

要创建一个框架集,我们需要使用frameset 标签,其基本语法如下:```<frameset><frame><src>网页链接地址</src><name>框架名称</name><scrolling>是否允许滚动</scrolling><noresize>是否禁止调整大小</noresize><marginwidth>框架边框宽度</marginwidth><marginheight>框架边框高度</marginheight></frame><!-- 可以添加多个框架--></frameset>```在frameset 标签中,我们可以设置一些属性来控制框架的显示效果,例如:- rows:定义框架集的行数和高度。

例如:`<framesetrows="100,*">`,表示将页面分割成两行,第一行高度为100 像素,第二行高度为剩余高度。

- cols:定义框架集的列数和宽度。

frame,iframe,frameset用法和区别

frame,iframe,frameset用法和区别

Frameset 、frame、 iframe 的用法和区别 、1.框架概念 . 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。

只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框 架如何划分,不会显示任何资料,所以不必放入<BODY>标记,框架在<body>标记中不会 显示。

浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框 窗,每一框窗由一个<FRAME>标记所标示,<FRAME>必须在<FRAMESET>范围中使用。

如下例: <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset> 此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则 会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的 次序。

2 。

<FRAMESET> <FRAMESET> 称框架标记,用以宣告 HTML 文件为框架模式,并设定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

重要事项:您不能与 <frameset></frameset> 标签一起使用 <body></body> 标签。

不过, 如果您需要为不支持框架的浏览器添加一个 <noframes> 标签,请务必将此标签放置在 <body></body> 标签中! 属性 cols 值 pixels % * pixels % * 0,1 描述 定义框架集中列的数目和尺寸。

frameset 子页面 调用 方法 -回复

frameset 子页面 调用 方法 -回复

frameset 子页面调用方法-回复如何在一个frameset 的子页面中调用另一个页面的方法在网页开发中,我们经常会使用frameset 元素来将页面分割成多个窗口,每个窗口可以显示不同的内容。

然而,在某些情况下,我们可能需要在一个frameset 的子页面中调用另一个页面中定义的方法。

本文将一步一步回答如何实现这个目标。

第一步:创建一个frameset首先,我们需要创建一个frameset。

通过使用HTML 的<frameset> 元素,我们可以将页面分割成多个水平或垂直的窗口。

下面是一个示例代码,将页面分割成两个垂直的窗口:html<!DOCTYPE html><html><head><title>Frameset Example</title></head><frameset cols="50,50"><frame src="page1.html" name="frame1"><frame src="page2.html" name="frame2"></frameset></html>在上面的代码中,我们创建了一个包含两个窗口的frameset。

第一个窗口的内容将从名为"page1.html" 的文件加载,而第二个窗口的内容将从名为"page2.html" 的文件加载。

第二步:在页面中定义一个方法接下来,我们需要在"page2.html" 里定义一个方法,以便"page1.html" 可以调用。

我们可以在"page2.html" 的脚本部分中定义这个方法。

iframe的使用场景

iframe的使用场景

iframe的使用场景Iframe(内嵌框架)是一种 HTML 标签,用于将其他网页嵌入到主网页中的一部分。

它的使用场景非常广泛,并在不同领域和场景中得到了广泛应用。

下面是一些可能的场景和用法:1. 显示广告Iframe 可用于向网页中插入广告。

通过将广告代码嵌入到一个IFrame 中,网站可以显示广告而不破坏页面布局和结构。

此外,Iframe 还允许网站主将广告位置固定在某个区域,并控制广告的大小、样式等。

2. 嵌入其他网站的内容当网站需要显示来自其他网站的内容时,Iframe 可以很容易地实现。

例如,社交网站可以嵌入其他服务,如 YouTube 视频、Twitter 推文等。

3. 加载外部应用程序Iframe 可以用于将外部应用程序嵌入到网页中,以提供更丰富的用户体验,例如在线地图、在线编辑器等。

4. 分割网页Iframe 可以分割网页,使网站页面布局更加灵活。

通过将一个网页拆分成几个 IFrame,可以同时加载多个内容,从而缩短网页加载时间。

5. 实现前端组件化Iframe 可以更好地实现前端组件化。

通过将不同的网页组合到一个父网页中,可以建立快速响应的用户界面。

需要注意的是,Iframe 也有一些不足之处。

例如,Iframe 可能会影响网页的性能,影响 SEO 和搜索引擎的索引等。

因此,在使用Iframe 时,需要权衡其优点和不足,并根据实际情况进行决策。

综上所述,Iframe 的使用场景非常广泛,其优点是能够方便地将其他网页嵌入到主网页中,使页面更加丰富、灵活且易于管理。

同时,应该注意其可能带来的性能和 SEO 的影响。

在iframe框架中打开页面的方法

在iframe框架中打开页面的方法

在iframe框架中打开页⾯的⽅法解决思路:只要设置链接的target属性值与⽬标框架名⼀样就⾏了。

具体步骤:1:对于frameset对象。

(1)包含框架页的代码。

<frameset cols="100,*" name="frame1"><frame src="1.htm" name="top"><frame src="2.htm" name="main"></frameset>(2)框架加载页(1.htm或2.htm)的链接代码:<a href="" target="top">在上框中打开链接</a><a href="" target="main">在主框中打开链接</a>2.对于iframe也是⼀样的⽤法。

<iframe src="about:blank" name="left"></iframe><iframe src="about:blank" name="right"></iframe><a href="" target="left">在左框中打开链接</a><a href="" target="right">在右框中打开链接</a>技巧:在⽤脚本中设置⽬标框架的location属性值也可以达到同样的⽬的。

如:<a href=""onClick="document.frames[’right’].location=this.href;return false">在名为right的框架中打开链接</a>特别提⽰本例代码运⾏后,单击链接,链接⽬标将在指定的框架或iframe内打开,图1.6.6为单击链接后链接在指定iframe中打开的效果。

网页框架概念

网页框架概念

⽹页框架概念
框架概述
框架可以把浏览器窗⼝分成⼏个独⽴的部分,每部分显⽰单独的页⾯,页⾯的内容是互相联系的。

如3框架⽹页,顶端框架显⽰⽹页标题,下⾯左右两个框架,左边显⽰导航栏,右边显⽰链接⽬标⽹页。

单击左边框架导航栏中的超级链接,在右边框架⾥显⽰超级链接的对象。

1。

框架(Frames)与框架集(Frameset)
框架(Frames)由框架集(Frameset)和单个框架(Frame)两部分组成。

框架集是⼀个定义框架结构的⽹页,它包括⽹页内框架的数⽬、每个框架的⼤⼩、框架内⽹页的来源和框架的其它属性等。

单个框架包含在框架集中,是框架集的⼀部分,每个框架中都放置⼀个内容⽹页,组合起来就是浏览者看到的框架式⽹页。

2。

框架式⽹页
框架式⽹页是由N+1个⽹页组成的,N是框架数。

例如:⼀个3框架的框架式⽹页⼀共有4个⽹页。

N个⽹页中只有⼀个是真正的框架⽹页--框架集⽹页。

⽐如要打开⼀个框架⽹页,就要双击框架集⽹页(没有⽹页内容只包含框架结构)的名字。

其他⼏个⽹页是各个框架中的内容⽹页,单击内容⽹页的名字只能打开⼀个单独的⽹页。

Frameset使用教程

Frameset使用教程

Frameset使⽤教程frame,是⽹页开发必须掌握的知识。

例如后台架构、局部刷新,页⾯分割,都是frame的⽤途表现,尤其是后台页⾯制作,使⽤frame会给⽤户带来⾮常舒适的使⽤感受。

frame知识点包括(frameset标签、frame标签、iframe标签)。

下⾯就对其⼀⼀介绍。

⼀、frameset1. 属性①border设置框架的边框粗细。

②bordercolor设置框架的边框颜⾊。

③frameborder设置是否显⽰框架边框。

设定值只有0、1;0 表⽰不要边框,1 表⽰要显⽰边框。

④cols纵向分割页⾯。

其数值表⽰⽅法有三种:“30%、30(或者30px)、*”;数值的个数代表分成的视窗数⽬且数值之间⽤“,”隔开。

“30%”表⽰该框架区域占全部浏览器页⾯区域的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" id="topFrame"/><frameset cols="213,*" frameborder="no" border="0" framespacing="0"><frame src="" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/><frame src="" name="mainFrame" id="mainFrame"/>【即,若想即使⽤cols⼜使⽤rows,可利⽤frameset嵌套实现】注意2:<frameset cols="40%,*,*">意思是:第⼀个框架占整个浏览器窗⼝的40%,剩下的空间平均分配给另外两个框架。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

<FRAMESET> <FRAME> :以上所述只是最简单的框架设定,若希望达到更合适的效果请加入或修改以下各参数。

标记:<FRAMESET>例子:<frameset rows="90,*" frameborder="0" border=0framespacing="2" border="2" bordercolor="#008000"></frameset> 功用:宣告HTML文件为框架模式,并设定视窗如何分割。

参数:COLS="90,*"垂直切割画面(如分左右两个画面),接受整数值、百分数,* 则代表占用剩余的空间。

数值的个数代表分成的视窗数目且以逗号分隔。

例如COLS="30,*,50%" 可以切成三个视窗,第一个视窗是30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的50% 宽度为一相对分割。

你可自己调整数字。

ROWS="120,*"这是横向切割,将画面上下分开,数值设定同上。

COLS 与ROWS 两参数尽量不要放在同一个<FRAMESET> 标记中,因Netacape 偶然不能显示这类型的框架,尽量采用多重分割,如以上各例。

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

border="0"设定框架的边框厚度,以pixels 为单位。

bordercolor="#008000"设定框架的边框颜色。

颜色值请参考【调色原理】。

framespacing="5"表示框架与框架间保留的空白的距离。

标记:<FRAME>例子:<frame name="top" src="a.html" marginwidth="5"marginheight="5" scrolling="Auto" frameborder="0" noresizeframespacing="6" bordercolor="#0000FF">功能:设定每一个框窗内的参数属性。

参数:SRC="a.html"设定此框窗中要显示的网页档案名称,每个框窗一定要对应一个网页档案。

NAME="top"设定这个框窗的名称,这样才能指定框架来作链接,必须但任意命名。

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

framespacing="6"表示框架与框架间的保留的空白的距离。

bordercolor="#008000"设定框架的边框颜色。

scrolling="Auto"设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示卷轴,AUTO 视情况而定。

noresize设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其大小。

marginhight=5表示框架高度部分边缘所保留的空间。

marginwidth=5表示框架宽度部分边缘所保留的空间。

以下是一些例子:例子HTML Code1<frameset rows="80,*">2<frame name="top" src="a.html">3<frame name="bottom" src="b.html">4</frameset>例子HTML Code1<frameset rows="80,*,80">2<frame name="top" src="a.html">3<frame name="middle" src="b.html">4<frame name="bottom" src="c.html">5</frameset>例子HTML Code1<frameset cols="150,*">2<frameset rows="80,*">3<frame name="upper_left" src="a.html">4<frame name="lower_left" src="b.html">5</frameset>6<frame name="right" src="c.html">7</frameset>例子HTML Code1<frameset rows="80,*">2<frame name="top" src="a.html">3<frameset cols="150,*">4<frame name="lower_left" src="b.html">5<frame name="lower_right" src="c.html">6</frameset>7</frameset>例子HTML Code1<frameset cols="150,*">2<frame name="left" src="a.html">3<frameset rows="80,*">4<frame name="upper_right" src="b.html">5<frame name="lower_right" src="c.html">6</frameset>7</frameset>■ <NOFRAMES> :▲Top当别人使用的浏览器太旧,不支持框架功能时,他看到的将是一片空白。

为了避免这种情况,可使用<NOFRAMES> 这个标记,当使用者的浏览器看不到框架时,他就会看到<NOFRAMES> 与</NOFRAMES> 之间的内容,而不是一片空白。

这些内容可以是提醒浏览者采用新的浏览器的字句,也可以是一个没有框架的网页或切换到没有框架的版本的链接都可。

应用方法:在<frameset> 标记范围加入</NOFRAMES> 标记,以下是例子:<frameset rows="80,*"><noframes><body>很抱谦,您使用的浏览器不支持框架功能,请采用新版本的浏览器。

</body></noframes><frame name="top" src="a.html"><frame name="bottom" src="b.html"></frameset>若浏览器支持框架,那么它不会理会<noframes> 中的内容,但若浏览器不支持框架,由于不认识所有框架标记,不明的标记被略过,标记包围的内容便被解读出来,所以在<noframes>范围内的文字被显示。

■ <IFRAME> :▲Top这标记只适用于IE。

它的作用是在一页中间插入一个框窗以显示另一个文件。

它是一个围堵标记,但围堵着的字句只有在浏览器不支持iframe 标记时才显示,如<noframes> 一样,可以放一些提醒的字句之类。

通常iframe 配合一个辩认浏览器的的Java Script 会更好,若于JavaScript 认出该浏览器并非Internet Explorer 便会切换到另一个版本。

<iframe> 的参数如下:例子:<iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1"scrolling="Yes">src="iframe.html"欲显示于此框窗的文件来源除档案名称,必要加上相对或绝对路径。

name="test"此框窗名称,这是链接标记的target 参数所需要的,align="MIDDLE"可选值为left, right, top, middle, bottom,作用不大width="300" height="100"框窗的宽及长,以pixels 为单位。

marginwidth="1" marginheight="1"该插入的文件与框边所保留的空间。

frameborder="1"使用 1 表示显示边框,0 则不显示。

(可以是yes 或no)scrolling="Yes"使用Yes 表示允许卷动(内定),No 则不许。

相关文档
最新文档