`
hugang357
  • 浏览: 188469 次
  • 性别: Icon_minigender_2
  • 来自: 深圳
社区版块
存档分类
最新评论

页面Frame框架技术

    博客分类:
  • web
阅读更多
1.页面框架布局中最基本的框架——Frame框架。

示例代码如下:

<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1"

marginheight="1" scrolling="no" frameborder="1" noresize framespacing="2"

bordercolor="#cc0000">

Frame参数及说明

参数
说明

Name
设定框架的名称,须为英文

Src
设置框架中显示的页面路径和名称,可为相对路径亦可为绝对路径

Marginwidth
表示框架距离左右边缘的距离

Marginheight
表示框架距离上下边缘的距离

Scrollling
设置是否在框架中显示滚动条,yes为显示,no为不显示,auto表示当框架页中内容超过框架的大小时自动显示滚动条

Frameborder
设置是否显示框架的边框,0为不显 示,1为显示

Noresize
设定是否可以让使用者改变这个框架的大小,不设置此项可以让浏览者任意拉动框架,改变框架的大小

Framespacing
表示框架与框架之间的距离

Bordercolor:
设定框架的边框颜色




2.介绍页面框架布局中的Frameset框架技术

<Frameset></Frameset>用来划分Frameset框架,每个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用,示例代码如下:

<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>
<Frame src="inc/admin_left.aspx" name=left scrolling=no id="left">
<Frame src="inc/admin_center.aspx" name=main scrolling="no">
</Frameset >

注意:<Frame></Frame>标记的框架顺序为从左至右或从上到下

关于Frameset框架,也需要设置一些特定的参数,这些参数直接决定了整个页面的布局,示例代码如下:

<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>

Frameset参数:

参数
说明

Border
设定框架的边框厚度,以pixels为单位

FrameBorder
设定是否显示框架的边框,0为不显示,1为显示

FrameSpacing
表示框架与框架之间的距离

BorderColor
设定框架的边框颜色

Row
将文档分为上下的框架,Row后的值可以为数值或百分数,*表示占用余下的空间,数值的个数代表水平分成的框架个数

Cols
设置同Row



3.页面框架布局中的Iframe框架技术

Iframe框架,又称内嵌框架。其框架的主要标记为Iframe标记(又称为浮动帧标记)。Frame框架与Iframe框架两者可以实现的功能基本相同,不过Iframe框架比Frame框架具有更多的灵活性。

      Iframe框架的标记为<Iframe>(又叫浮动帧标记),可以用它将一个HTML文档嵌入在一个HTML中显示。它和<Frame>标记的最大区别是在网页中嵌入的<Ifame></Iframe>所包含的内容与整个页面是一个整体,而<Frame></Frame>所包含的内容是一个独立的个体,是可以独立显示的。

         设置Iframe框架的Iframe参数的示例代码如下:

<iframe  src="url" name="main"  width="100%" height="30" frameborder="0" border=0

scrolling="no" marginwidth="0" marginheight="0" allowTransparency="true">
</iframe>

iframe和frame功能基本相同,不同的是它是个内嵌框架,用户可以把iframe布置在网页中的任何位置,包括<layer>层中

分享到:
评论

相关推荐

    frame页面框架示例

    在网页设计中,`frame`页面框架是一种早期的布局技术,用于将网页分割成多个独立的区域,每个区域可以加载不同的HTML文档。标题"frame页面框架示例"指的是这个示例展示如何使用frameset来创建一个包含上、左、下三个...

    html 页面 frame框架 伸缩弹窗

    HTML页面中的`frame`框架是一种布局技术,它允许我们将网页分割成多个独立的区域,每个区域可以加载不同的网页内容。这种技术在早期的Web开发中较为常见,用于创建多窗格的用户界面,例如导航栏、主要内容区和侧边栏...

    frame框架技术,更加方便你的开发

    Frame框架技术是网页设计中的一种重要布局方式,它允许开发者将HTML页面分割成多个独立的区域,每个区域可以加载不同的网页内容。这种技术在20世纪90年代中期被广泛使用,为创建复杂的多页面交互提供了便利。在本文...

    frame框架示例

    在本示例中,"frame框架示例"将展示如何有效地利用`frame`技术来构建多窗口的网页布局。 `frame`框架是HTML4的一个特性,虽然在HTML5中已被废弃,但在许多现存网站中仍然广泛使用。它通过`&lt;frameset&gt;`元素来定义...

    Javascript,Html,Css,Frame框架整合的菜单样式

    在网页设计中,JavaScript、HTML、CSS以及Frame和Frameset框架的整合是构建交互式、动态网站的关键技术。本文将详细解析这些技术如何协同工作,创建出一个具有可收缩左侧菜单和并排子菜单的框架结构。 首先,HTML...

    Html frame框架学习

    HTML Frame框架是网页设计中的一种布局技术,它允许我们将一个网页划分为多个独立的区域,每个区域可以加载不同的网页内容。这种技术在早期的网页设计中较为常见,用于实现多页面信息的同步展示,比如导航栏、主要...

    UUR-frame框架

    **UUR Frame框架详解** UUR Frame框架是一个专为快速构建Web工程前端设计的高效工具。这个框架的主要目标是简化开发流程,提高开发效率,使开发者能够更专注于业务逻辑,而不是基础架构的搭建。在现代Web开发环境中...

    页面框架editplus-->frame.zip

    本文将深入探讨EditPlus如何帮助开发者快速创建页面框架,以及"frame.zip"压缩包中的"后台页面"文件可能包含的内容。 EditPlus是一款轻量级但功能丰富的文本编辑器,它提供了许多高级特性,如代码高亮、自动完成、...

    HTML框架Frame

    HTML框架(Frame)是网页设计中一种特殊的技术,它允许开发者将一个网页分割为多个独立的区域,每个区域可以加载不同的HTML文档,从而实现多页面同时显示在一个浏览器窗口的效果。这种技术在早期的Web开发中较为常见...

    Frame框架的使用教程.doc

    ### Frame框架的使用教程 #### HTML框架简述 HTML框架是一种网页布局技术,它允许将一个HTML页面划分为多个部分,每个部分可以独立加载不同的HTML文档。这种布局方式在过去非常流行,因为它提供了一种灵活的方式来...

    禁止用拖动条的frame框架

    禁止用拖动条的frame框架示例 ,50%"&gt; &lt;frame src="content_left.html" name="leftFrame"&gt; &lt;frame src="content_right.html" name="rightFrame"&gt; ``` 在这个例子中,我们创建了一个两列的`frameset`,左边和...

    教你如何在.net中使用frame 框架

    ### 教你如何在.NET中使用Frame框架 #### 概述 在Web开发中,`Frame`(框架)是一种常用的技术,它允许在一个浏览器窗口内显示多个独立的文档。通过使用`&lt;FRAMESET&gt;`和`&lt;FRAME&gt;`标签,开发者可以轻松地创建出多窗口...

    frame框架模板

    总的来说,"frame框架模板"可能是针对早期Web开发的一个资源,对于学习历史上的网页布局有一定价值。然而,对于现代Web开发者来说,了解和掌握更先进的布局技术,如Bootstrap、Flexbox和Grid,以及如何使用`&lt;iframe&gt;...

    Frame(框架的使用)

    因此,在当前的Web开发实践中,通常推荐使用CSS布局技术(如Flexbox或Grid)来替代框架实现更灵活和响应式的页面布局。 总的来说,框架是一种历史遗留的网页设计技术,它允许在不刷新整个页面的情况下更新部分内容...

    页面布局frameset frame

    在HTML的历史发展中,"frameset" 和 "frame" 是早期用于实现多窗口或区域页面布局的技术。这些技术允许开发者将网页分割成多个独立的部分,每个部分可以加载不同的网页内容,从而实现更复杂的界面设计。 **frameset...

    JS当前页面和框架自动刷新的方法

    对于框架结构的网页,利用`window.parent`和`frames`属性可以精确控制每个框架内的页面刷新,而通用的页面刷新技术则适用于更广泛的场景。在实际应用中,理解这些方法的原理和限制,有助于提高Web应用程序的用户体验...

    框架 frame 导航条

    标题中的"框架(frame) 导航条"指的是在框架布局中,利用HTML的`&lt;frame&gt;`或`&lt;iframe&gt;`元素创建一个固定的导航条区域,通常位于页面顶部或侧边,方便用户在浏览不同内容时保持导航条的可见性。导航条可以包含链接、...

    如何在框架(frame)页面之间使用appendChild()?

    在Web开发中,框架(frame)是一种将网页分割成多个独立区域的技术,每个区域可以加载不同的网页内容。在处理框架页面间交互时,JavaScript的`appendChild()`方法是一个非常实用的工具,它允许我们在DOM(文档对象模型...

    框架frame布局的简单例子

    在网页设计和开发中,框架(frame)布局是一种常见的组织页面内容的方法,特别是在早期网页技术中。框架布局允许我们将页面划分为多个独立的部分,每个部分可以加载不同的网页内容,从而实现更灵活的页面设计。本教程...

Global site tag (gtag.js) - Google Analytics