`
sxl_bruce
  • 浏览: 4156 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类
最新评论

frame 和 frame属性

阅读更多
帧标志

    1.<frameset></frameset>

    2.<frame>

    3.<noframes></noframes>


   
帧是由英文Frame翻译过来的,它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧,而多个帧可以同时显示在同一个浏览器窗口中,它们组成了一个最大的帧,也即是一个包含多个Html文档的Html文件(我称它为主文档)。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接),然后将Html文件显示在另一个帧中。



1.<frameset></frameset>

    <frameset></frameset>标志对放在帧的主文档的<body></body>标志对的外边,也可以嵌在其他帧文档中,并且可以嵌套使用。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有rows和cols属性,使用<frameset>标志时这两个属性至少必须选择一个,否则浏览器只显示第一个定义的帧,剩下的一概不管,<frameset></frameset>标志对也就没有起到任何作用了。rows用来规定主文档中各个帧的行定位,而cols用来规定主文档中各个帧的列定位。这两个属性的取值可以是百分数、绝对像素值或星号(“*”),其中星号代表那些未被说明的空间,如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。同时,所有的帧按照rows和cols的值从左到右,然后从上到下排列。示例如下:


<frameset rows="*,*,*">
总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3



<frameset cols="40%,*,*">
总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均分配给另外两个帧


<frameset rows="40%,*" cols="50%,*,200">
总共有六个帧,先是在第一行中从左到右排列三个帧,然后在第二行中从左到右再排列三个帧,即两行三列,所占空间依据rows和cols属性的值,其中200的单位是像素


2.<frame>

    <frame>标志放在<frameset></frameset>之间,用来定义某一个具体的帧。<frame>标志具有src和name属性,这两个属性都是必须赋值的。src是此帧的源Html文件名(包括网络路径,即相对路径或网址),浏览器将会在此帧中显示src指定的Html文件;name是此帧的名字,这个名字是用来供超文本链接标志<a
href=""
target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。例如定义了一个帧,名字是main,在帧中显示的Html文件名是jc.htm,则代码是<frame
src="jc.htm" name="main">,当您有一个链接,在点击了这个链接后,文件new.htm将要显示在名为main的帧中,则代码为<a
href="new.htm"
target="main">需要链接的文本</a>。这样一来,就可以在一个帧中建立网站的目录,加入一系列链接,当点击链接以后在另一个帧中显示被链接的Html文件。

此外,<frame>标志还有scrolling和noresize属性,scrolling用来指定是否显示滚动轴,取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用,不需赋值,它用来禁止用户调整一个帧的大小。



3.<noframes></noframes>

    <noframes></noframes>标志对也是放在<frameset></frameset>标志对之间,用来在那些不支持帧的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对,然后才可以使用我们在教程七以前讲过的任何标志。



    下边是一个综合示例:



例8 帧标志的综合示例



主文档:

<html>

<head>

<title>帧标志的综合示例</title>

</head>

<frameset cols="25%,*">

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

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

<noframes>

<body>

<p>对不起,您的浏览器不支持“帧”!</p>

</body>

</noframes>

</frameset>

</html>



menu.htm

<html>

<head>

<title>目录</title>

</head>

<body>

<p><font color="#FF0000">目录</font></p>

<p><a href="page1.htm" target="Main">链接到第一页</a></p>

<p><a href="page2.htm" target="Main">链接到第二页</a></p>

</body>

</html>



page1.htm

<html>

<head>

<title>第一页</title>

</head>

<body>

<p align="center"><font color="#8000FF">这是第一页!</font></p>

</body>

</html>



page2.htm

<html>

<head>

<title>第二页</title>

</head>

<body>

<p align="center"><font color="#FF0080">这是第二页!</font></p>

</body>

</html>

分享到:
评论

相关推荐

    iOS KVO 监听frame

    在标题“iOS KVO 监听frame”中,我们关注的是如何使用KVO来跟踪和响应UI控件(如UIView)的frame属性变化。这在布局动画或者动态调整界面时非常有用。下面我们将深入探讨KVO的概念、如何实现以及在监听frame变化时...

    iOS view的frame和bounds之区别.pdf

    首先,frame属性代表的是视图在其父视图坐标系统中的位置和大小。也就是说,frame的原点(origin)是相对于父视图的左上角而言的。frame的坐标是描述了当前视图在整个界面布局中的绝对位置,包括它的宽度(width)和...

    frame及frameset标签的属性

    虽然随着现代Web技术的发展(如HTML5),`frame`与`frameset`已经不再被推荐使用,但在了解Web历史和技术演进的过程中,掌握这些标签及其属性仍然是很有必要的。 #### 一、Frame标签 `frame`标签用于定义页面中的一...

    frame与contentwindow对象

    通过本文,我们将详细介绍 Frame 对象和 ContentWindow 对象的概念、区别、使用方法和实际应用场景。 Frame 对象 Frame 对象是 HTML 文档中的一个窗口对象,它可以包含一个或多个 HTML 文档。Frame 对象可以是独立...

    frame属性大全

    frame作为html语言中的一部分,在网页制作中占据...使用frame必须首先用frameset来定义,可以说frameset就是frame的一个“统治者”。在html文档中,可以有frameset元素或者body元素,但是绝对不能同时使用这两种元素。

    dom网页frame枚举

    每个frame或iframe都有自己的窗口对象(window)和文档对象(document),我们可以使用`contentWindow`和`contentDocument`属性来访问它们。例如,`frameElement.contentWindow`可以返回frame或iframe的窗口对象,`...

    frame与frame之间如何用JavaScript传值

    这里的`frameName`是你在`&lt;frame&gt;`或`&lt;iframe&gt;`标签中设置的`name`属性的值。例如,如果有一个名为`myFrame`的框架,可以使用`parent.frames['myFrame']`来访问。 在实际应用中,你可能需要获取或设置框架内元素的...

    A-Frame引擎开发:WebVR基础概念与设置+WebVR基础概念+A-Frame安装与环境配置+A-Frame基本场景创建+A-Frame实体组件系统介绍+.A-Frame中的基本元素与属性等

    A-Frame引擎开发:WebVR基础概念与设置_(6).A-Frame中的基本元素与属性.docx A-Frame引擎开发:WebVR基础概念与设置_(7).WebVR用户交互与输入.docx A-Frame引擎开发:WebVR基础概念与设置_(8).A-Frame中的动画...

    VB中Frame控件的常用属性及其功能共2页.pdf.zi

    本资料“VB中Frame控件的常用属性及其功能共2页.pdf”详细介绍了Frame控件的一些关键属性,以帮助开发者更好地理解和利用这一控件。 1. **Caption属性**:这是Frame控件最直观的属性,它定义了显示在Frame上方的...

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 ...综上所述,虽然`FRAME`和`IFRAME`都可以实现多窗口布局的效果,但在实际应用中,`IFRAME`由于其更好的兼容性和灵活性,已经成为更受欢迎的选择。

    WPF 实现导航通过Frame的Navigate函数实现导航

    这个简单的例子展示了如何在WPF中使用`Frame`的`Navigate`方法和`NavigationUIVisibility`属性实现无UI导航。对于初学者,这是一个很好的起点,可以帮助理解WPF中页面导航的基本工作原理。通过深入学习和实践,你...

    Wpf下Frame、MDI、TabControl简单应用

    在Windows Presentation Foundation(WPF)框架中,开发者可以利用多种控件来构建用户界面,其中Frame、Multiple Document Interface (MDI) 和 TabControl 是常见的组件,用于实现丰富的交互和布局管理。下面将详细...

    frame,iframe.frameset用法和区别

    总结来说,HTML 框架提供了在单个浏览器窗口内组织多个网页内容的能力,通过 `&lt;FRAMESET&gt;`、`&lt;FRAME&gt;` 和相关的属性,我们可以定制复杂的布局和交互体验。然而,由于其局限性,现代网页设计中更多地使用 CSS 和 ...

    frame 的 parent 是谁?

    在JavaScript中,`parent`对象可以访问到上级节点的属性和方法。这在跨框架通信时非常有用,比如当需要从一个`frame`操作另一个`frame`的内容时。例如,如果我们想要从`leftFrame`获取`rightFrame`的内容,可以这样...

    frame之间进行参数传递例子

    本篇将详细探讨如何在“frame”之间进行参数传递,以及相关的源码分析和技术工具的应用。 标题中的“frame”通常指的是程序中的帧或者视图,尤其在Web开发中,它可能指的是HTML框架或JavaScript中的帧对象。在多层...

    ios-UIView分类,可直接修改frame的值并直接连续设置控件常用属性.zip

    功能2:给UIButton设置各属性,包括frame、textLabel.font、textAlignment(此属性因没有提示,不推荐使用)以及四种状态下(nomal,hightlighted,selected,disabled)的image、title、titleColor、backgroudImage...

    video2frame

    2. **读取和保存帧**:通过循环遍历`v`对象的`Frames`属性,可以逐帧读取视频。例如,`frame = read(v, i)`会读取第`i`帧,并将其存储在变量`frame`中。然后,使用`imwrite`函数将帧保存为图像文件,如`imwrite...

    frame页面框架示例

    3. **命名Frame**:通过`name`属性为`frame`命名,可以方便地在页面间进行链接跳转,如`新闻&lt;/a&gt;`,这将使链接在名为`mainFrame`的帧中打开。 4. **NoFrames内容**:对于不支持`frame`的浏览器或搜索引擎爬虫,应该...

    VB源码漂亮的Frame

    3. **动画效果**:为了实现动态效果,可以使用`Timer`控件配合`Move`或`Size`方法来改变`Frame`的位置或大小,或者使用`TransparencyKey`和`ForeColor`属性实现透明度变化。 4. **鼠标事件**:通过处理`MouseEnter`...

    直接修改frame

    frame是一个矩形结构,包含了四个属性:origin(原点)和size(尺寸)。origin是视图左上角相对于其父视图的坐标,size则是视图的宽度和高度。原点的坐标系统是以左上角为(0,0),向右和向下递增。 二、直接修改...

Global site tag (gtag.js) - Google Analytics