FrameSet 与 IFrame 彻底剖析

合集下载

frame与iframe的区别及基本用法

frame与iframe的区别及基本⽤法frame 和 iframe 的区别 1、frame 不能脱离 frameset 单独使⽤，iframe 可以； 2、frame 不能放到body中，否则将⽆法显⽰； 3、iframe 也可以嵌套在frameset ，但是必须放到body中，不嵌套在frameset 中的iframe 可以随意使⽤； 4、frame 的⾼度只能通过 frameset 控制，iframe 是⾃⼰本⾝控制，不能通过 frameset 设置； 5、iframe 可以放到表格中；frame 的基本⽤法由于 frame 不能脱离 frameset 单独使⽤，所以写法还是有所不同<!--noresize: 规定⽆法调整框架的⼤⼩frameborder: 规定是否显⽰框架周围的边框 0为⽆边框 1为有marginheight: 定义框架的上⽅和下⽅的边距marginwidth: 定义框架的左侧和右侧的边距noresize: 规定⽆法调整框架的⼤⼩scrolling: 规定是否在框架中显⽰滚动条 yes no autosrc: 规定在框架中显⽰的⽂档的 URL。

--><frameset rows="30%,50%"><frame src="frame_one.html" frameborder="0"><frame src="frame_two.html" frameborder="0"></frameset>cols 是竖排显⽰，rows 是横排显⽰。

<frameset cols="30%,50%"></frameset> 中的百分⽐是设置 frame 的尺⼨。

selenium学习教程之定位以及切换frame（iframe）

selenium学习教程之定位以及切换frame（iframe）总有⼈看不明⽩，以防万⼀，先在开头⼤写加粗说明⼀下：frameset不⽤切，frame需层层切！很多⼈在⽤selenium定位页⾯元素的时候会遇到定位不到的问题，明明元素就在那⼉，⽤firebug也可以看到，就是定位不到，这种情况很有可能是frame在搞⿁（原因之⼀，改天专门说说定位不到元素，可能的⼀些原因及处理办法）。

frame标签有frameset、frame、iframe三种，frameset跟其他普通标签没有区别，不会影响到正常的定位，⽽frame与iframe对selenium定位⽽⾔是⼀样的，selenium有⼀组⽅法对frame进⾏操作。

1.怎么切到frame中(switch_to.frame())selenium提供了switch_to.frame()⽅法来切换frameswitch_to.frame(reference)不得不提到switch_to_frame()，很多⼈在这样写的时候会发现，这句话被划上了删除线，原因是这个⽅法已经out了，之后很有可能会不⽀持，建议的写法是switch_to.frame()reference是传⼊的参数，⽤来定位frame，可以传⼊id、name、index以及selenium的WebElement对象，假设有如下HTML代码 index.html：<html lang="en"><head><title>FrameTest</title></head><body><iframe src="a.html" id="frame1" name="myframe"></iframe></body></html>想要定位其中的iframe并切进去，可以通过如下代码：from selenium import webdriverdriver = webdriver.Firefox()driver.switch_to.frame(0) # 1.⽤frame的index来定位，第⼀个是0# driver.switch_to.frame("frame1") # 2.⽤id来定位# driver.switch_to.frame("myframe") # 3.⽤name来定位# driver.switch_to.frame(driver.find_element_by_tag_name("iframe")) # 4.⽤WebElement对象来定位通常采⽤id和name就能够解决绝⼤多数问题。

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 不⽀持。

Iframe用法的详细讲解

Iframe用法的详细讲解今日我们来学习Iframe 用法的具体讲解，快来一起学习吧。

下面我就和大家共享，来观赏一下吧。

Iframe 用法的具体讲解Iframe用法的具体讲解把iframe解释成“扫瞄器中的扫瞄器“很是恰当设定围绕图文框的边缘宽度FRAMEBODER设置边框是不否为3维(0=否，1=是)HEIGHT,WIDTH设质边框的宽度和高度SCROLLING是否有滚动条(YES,NO,AUTO)SRC指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXTIFRAME 元素| iframe 对象创建内嵌浮动框架。

成员表下面的表格列出了iframe 对象引出的成员。

请单击左侧的标签来选择你想要查看的成员类型。

标签属性/属性SHOW:标签属性/属性行为集合大事滤镜方法对象样式标签属性属性描述ALIGN align 设置或猎取表格排列。

ALLOWTRANSPARENCY allowTransparency 设置或猎取对象是否可为透亮。

APPLICATION APPLICATION 表明对象的内容是否为HTML应用程序(HTA)，以便免除扫瞄器平安模式。

ATOMICSELECTION 指定元素及其内容是否可以一不行见单位统一选择。

BEGIN begin 设置或猎取时间线在该元素上播放前的延迟时间。

BORDER border 设置或猎取框架间的空间，包括3D 边框。

canHaveChildren 猎取表明对象是否可以包含子对象的值。

canHaveHTML 猎取表明对象是否可以包含丰富的HTML 标签的值。

CLASS className 设置或猎取对象的类。

contentWindow 猎取指定的frame 或iframe 的window 对象。

DATAFLD dataFld 设置或猎取由dataSrc 属性指定的绑定到指定对象的给定数据源的字段。

DATASRC dataSrc 设置或猎取用于数据绑定的数据源。

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"></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"..看这就明⽩了。

iframe target用法

iframe target用法什么是iframe？在网页开发中，iframe（内联框架）是一种HTML元素，用于在一个网页中嵌入另一个网页。

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

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

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

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>上述代码中的链接将在父窗口或框架中打开。

frame框架切割讲解

网页框架frameset、frame切分实例我们在进行网页编程时候，经常使用到框架frameset、frame，实际应用中，大部分的站点后台也都是采用框架的形式实现。

网页框架就是把网页窗口切分成几个子框窗口，可以同时进行独立浏览和交互URL，所有框架标记都必须放到一个文档里，一般采用html格式（PHP 等其它格式也可以），这个文档标示着框架的划分方式，也可无需<BODY> 标记。

<frameset> 是用来划分框窗，每一框窗由一个<frame> 标记标。

<frame>必须在<frameset> 范围中使用，<frame> 标记所标示的框架是按由上而下由左至右的次序进行解析的，且<frameset>支持框架嵌套。

一、Frame框架基本概念<frameset>——框架标记，用以宣告此HTML文件为框架模式，并约定本主体窗口的切分方式（第一层切分方式）。

<frame>——设定一个子框架窗口及其属性。

<frameset> 常用属性参数说明：cols——垂直切分窗口，可用整数值（绝对宽度像素pix值）、百分比（窗口宽度百分比）或“*”号进行，多个参数以逗号分割，其中“*”标示占用余下宽度空间。

rows——设定方法同cols，只是切分方向为水平横向而已，为照顾浏览器的兼容以及程序可读性考虑，请勿在一个<frameset>标签中同时使用COLS和ROWS标记。

frameborder——框架边框，值为0或1 ，0 表示无边框，1 表示显示边框。

border——框架边框的厚度，以pixels 为单位。

bordercolor——设定框架的边框颜色。

framespacing——表示框架与框架间保留空白的距离。

<frame> 常用属性参数说明：src——设定此框窗要显示的网页档案名称，每个框窗一定要对应一个网页档案。

frameset用法

frameset用法frameset是HTML中的一个元素，用于创建包含多个框架（frames）的窗口布局。

每个框架可以加载不同的HTML页面或其他类型的内容。

在早期的web开发中，frameset被广泛使用，但随着技术的进步和新的布局方式的出现，它的使用逐渐减少。

使用frameset，可以将一个网页划分为多个独立的窗口，每个窗口可以加载不同的内容。

页面中的每个窗口称为一个frame，使用frame元素来定义每个窗口。

frameset元素用于容纳和管理这些frame窗口。

1. cols：指定水平方向上每个frame的宽度，可以使用固定值（如200px）或者百分比（如50%）来指定。

多个值之间使用逗号分隔，表示不同frame的宽度。

宽度不设定的frame将会自动占满剩余的空间。

2. rows：指定垂直方向上每个frame的高度，用法和cols相同。

例如，下面的代码将页面划分为两个水平方向的框架，顶部框架占据25%的高度，底部框架占据剩余的75%的高度。

```<frameset cols="100%"><frame src="top.html" /><frame src="bottom.html" /></frameset>```frameset可以嵌套，以创建更复杂的布局。

例如，下面的代码将页面划分为两个垂直方向的框架，左侧框架占据25%的宽度，右侧框架占据剩余的75%的宽度。

而左侧框架又被划分为两个水平方向的框架，每个框架占据50%的高度。

```<frameset rows="100%"><frameset cols="25%,75%"><frame src="left_top.html" /><frame src="left_bottom.html" /></frameset><frame src="right.html" /></frameset>```每个frame元素都有一些常用的属性：1. src：指定要加载到frame中的内容的URL。

iframe style 详解

iframe style 详解iframe 样式详解iframe（内联框架）是HTML中一种非常有用的元素，它允许将一个html文档嵌入到另一个html文档中的特定区域。

通过使用iframe，我们可以在同一个页面上显示来自不同源的内容，提供了强大的灵活性和交互性。

在使用iframe时，我们可以通过CSS来调整和定制它的样式。

以下是一些常用的样式属性和其详细解释：1. width：设置iframe的宽度。

可以使用绝对值（如像素）或相对值（如百分比）来指定宽度。

例如：width: 300px; 或 width: 50%;2. height：设置iframe的高度。

同样，可以使用绝对值或相对值来指定高度。

例如：height: 400px; 或 height: 70%;3. border：设置iframe周围的边框样式。

可以控制边框的宽度、样式和颜色。

例如：border: 1px solid black;4. margin：设置iframe与周围元素之间的外边距。

可以设置上、右、下、左四个方向的外边距值。

例如：margin: 10px;5. padding：设置iframe内部内容与边框之间的间距。

同样，可以设置上、右、下、左四个方向的内边距值。

例如：padding: 20px;6. display：设置元素的显示方式。

对于iframe，常用的值为block （块级元素）和inline（行内元素）。

例如：display: block;7. background-color：设置iframe的背景颜色。

可以使用具体颜色的名称或十六进制值。

例如：background-color: #f5f5f5;8. overflow：设置当iframe中的内容超出定义的宽度和高度时，如何处理溢出的部分。

常见的值有auto（自动滚动）和hidden（隐藏溢出部分）。

例如：overflow: auto;9. frameborder：设置是否显示iframe的边框。

frameset框架用法

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

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

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

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

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

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

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

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

详解iframe与frame的区别

详解iframe与frame的区别iframe与frame的区别⼀、使⽤iframe的优缺点优点: 1.程序调⼊静态页⾯⽐较⽅便; 2.页⾯和程序分离;缺点： 1.iframe有不好之处：样式/脚本需要额外链⼊，会增加请求。

另外⽤js防盗链只防得了⼩偷，防不了⼤盗。

2.iframe好在能够把原先的⽹页全部原封不动显⽰下来,但是如果⽤在⾸页,是搜索引擎最讨厌的.那么你的⽹站即使做的在好,也排不到好的名次!如果是动态⽹页，⽤include还好点！但是必须要去除他的<html><head><title><body>标签！ 3.框架结构有时会让⼈感到迷惑，特别是在多个框架中都出现上下、左右滚动条的时候。

这些滚动条除了会挤占已经特别有限的页⾯空间外，还会分散访问者的留⼼⼒。

访问者遇到这种站点往往会⽴刻转⾝离开。

他们会想，既然你的主页如此混乱，那么站点的其他部分也许更不值得阅读。

（这⾥⾯本⼈的观点就是⼦框架不要出现滚动条，窗⼝的滚动条只能有由主页⾯来控制） 4.链接导航疑问。

运⽤框架结构时，你必须保证正确配置所有的导航链接，如不然，会给访问者带来很⼤的⿇烦。

⽐如被链接的页⾯出现在导航框架内，这种情况下访问者便被陷住了，因为此时他没有其他地点可去。

5.调⽤外部页⾯,需要额外调⽤css,给页⾯带来额外的请求次数;⼆、为什么少⽤iframe iframes 提供了⼀个简单的⽅式把⼀个⽹站的内容嵌⼊到另⼀个⽹站中。

但我们需要慎重的使⽤iframe。

iframe的创建⽐其它包括scripts 和css的 DOM 元素的创建慢了 1-2 个数量级。

使⽤ iframe 的页⾯⼀般不会包含太多 iframe，所以创建 DOM 节点所花费的时间不会占很⼤的⽐重。

但带来⼀些其它的问题：onload事件以及连接池(connection pool)。

1.Iframes 阻塞页⾯加载及时触发 window 的 onload 事件是⾮常重要的。

Frame的用法

2500 ■ 框架标记<FRAMESET> <FRAME><NOFRAMES><IFRAME>欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。

也请先明白围堵标记与空标记的分别，请看【HTML概念】。

■ 框架概念：谓框架便是网页画面分成几个框窗，同时取得多个URL。

只需要<FRAMESET> <FRAME> 即可，面所有框架标记需要放在一个总起的html 档，这个档案只记录了该框架如何分割，不会显示任何资料，所以不必放入<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> 标记所标示的框窗永远是按由上而下、由左至右的次序。

■ <FRAMESET> <FRAME> ：▲Top <FRAME>用法：定义一个帧开始／结束标识：必须／非法属性：name="..."定义帧的名字scr="..."定义在帧中显示的内容的来源frameborder="..."定义帧之间的边界(0或1)margwidth="..."设置帧的边界和其中内容之间的间距margheight="..."设置帧的边界和其中内容之间的间距化noresize="..."使帧的尺寸不能变scrolling="..."设置滚动条的表示方式(auto, yes, no)空：不允许<FRAMESET>...</FRAMESET>用法：定义在一个窗口中帧的布局开始／结束标识：必须／必须属性：rows="..."设定行的数目cols="..."设定列的数目onload="..."当载入文档时的内部事件触发器onunload="..."当卸载文档时的内部事件触发器空：不允许注释：FRAMESET可以嵌套以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各参数。

Web前端之iframe详解

Web前端之iframe详解iframe基本内涵通常我们使⽤iframe直接直接在页⾯嵌套iframe标签指定src就可以了。

3.width:框架作为⼀个普通元素的宽度，建议使⽤css设置。

:框架的名称，window.frames[name]时专⽤的属性。

5.scrolling:框架的是否滚动。

yes,no,auto。

6.src：内框架的地址，可以使页⾯地址，也可以是图⽚的地址。

7.srcdoc , ⽤来替代原来HTML body⾥⾯的内容。

但是IE不⽀持, 不过也没什么卵⽤8.sandbox: 对iframe进⾏⼀些列限制，IE10+⽀持上⾯⼀些tag，会在下⽂进⾏穿插说明，单个不好说。

我们通常使⽤iframe最基本的特性，就是能⾃由操作iframe和⽗框架的内容(DOM). 但前提条件是同域. 如果跨域顶多只能实现页⾯跳转window.location.href.那什么是同域/ 什么是跨域呢?就是判断你的url⾸部是否⼀样，下⾯会有讲解，这⾥只是提及。

同域不同域的问题:A:<iframe id="mainIframe" name="mainIframe" src="/main.html" frameborder="0" scrolling="auto" ></iframe>B:<iframe id="mainIframe" name="mainIframe" src="" frameborder="0" scrolling="auto" ></iframe>使⽤A时，因为同域，⽗页⾯可以对⼦页⾯进⾏改写,反之亦然。

frame属性大全

frame作为html语言中的一部分，在网页制作中占据着重要的地位。

大家看到很多网页上都好像windows下的资源管理器一样，在左边点击相应的链接，右边就会有相应的网页显示。

就如我们进入邮箱的时候一样。

这些都是使用frame 的结果。

下面我来给大家介绍frame的具体使用方法。

使用frame必须首先用frameset来定义，可以说frameset就是frame的一个“统治者”。

在html文档中，可以有frameset元素或者body元素，但是绝对不能同时使用这两种元素。

frameset元素的使用：(1) <html>(2) <head><title>frameset元素的使用</title></head>(3) <frameset>(4) <frame>(5) <frame>(6) </frameset>(7) </html>当然了，这个html文档在浏览器上什么也显示不出来。

只是告诉大家最基本的frameset及frame的使用方法。

frameset是确定网页分框的定义，其属性rols及rows、border将在下面给大家介绍。

frame是frameset定义的每个“网页分框”的定义，其属性name、scrolling 及noresize、marginHeight及marginWidth、frameborder也将在下面给大家介绍。

frameset元素的cols及rows属性属性说明：cols及rows的作用是设置frame的宽度及高度(1) <html>(2) <head><title>frameset元素中cols及rows属性的使用</title></head>(3) <frameset cols="20%,200,*">(4) <frame>(5) <frameset rows="30%,*">(6) <frame>(7) <frame>(8) </frameset>(9) <frame>(10) <frame>(11) </frameset>(12) </html>示例说明：第三行中的语句cols="20%,400,*" 定义了浏览器中frame的“列数”。

pre , fieldset , frameset,iframe与frame的区别.

(1) <pre> 原样显示里面写什么，显示的就是什么，会保留里面的空格和分行（2）<fieldset> 在字段集包含的文本和其它元素外面画一个框<legend>在fieldset对象绘制方框。

例：<fieldset style="width:300; height:200"><legend>请填入注册信息</legend>用户名：<input type="text" name="username"/><br>密码：<input type="password" name="password"/><br><input type="submit" value="提交" /><fieldset/>使用fieldset 来圈定一段信息。

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。

当一组表单元素放到<fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为fieldset 元素定义标题。

<form><fieldset><legend>health information</legend>height: <input type="text" />weight: <input type="text" /></fieldset></form>（3）框架：可以将屏幕分割成不同的区域，每个区域都有自己的url例：frameset.html<frameset cols="70,*"><frame src="toc.html"><frame src="pref.html" name="view_frame"></frameset>Pref.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>pref.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head><body>This is my pref HTML page. <br></body></html>Toc.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>toc.html</title><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="this is my page"><meta http-equiv="content-type" content="text/html; charset=UTF-8"></head><body><h3>Table of Contents</h3><ul><li><a href="A.html" target="view_frame">A.html</a></li><li><a href="chap1.html" target="view_frame">Chapter 1</a></li><li><a href="chap2.html" target="view_frame">Chapter 2</a></li><li><a href="chap3.html" target="view_frame">Chapter 3</a></li></ul></body></html>效果：当点击A.html时，会在框架的右面显示，A.html页面。

iframe的用法详解

iframe的用法详解iframe（内嵌框架）是在HTML中用于嵌入一个HTML文档到当前文档中的一种元素。

使用iframe，可以将外部网页嵌入到当前网页中，并可以实现网页的异步加载、动态刷新、实时通信等功能。

下面详细介绍iframe的用法及一些实际应用。

1. 基本用法：使用iframe元素可以轻松地在当前文档中嵌入外部网页。

在HTML中，使用如下标签来创建一个iframe：<iframe src="外部网页地址" frameborder="0" width="500"height="400"></iframe>其中，src属性指定了要嵌入的外部网页地址；frameborder属性设置iframe 的边框宽度，0表示无边框；width和height属性分别设置iframe的宽度和高度。

通过这些属性，可以根据实际需求来控制iframe的样式和尺寸。

2. 在iframe中加载静态内容：iframe不仅可以加载外部网页，还可以在当前网页中加载静态的HTML文档。

下面是一个简单的例子：html<iframe frameborder="0" width="500" height="400"><p>这是一个在iframe中嵌入的静态文本。

</p></iframe>在这个例子中，iframe内部直接嵌入了一个p标签，并显示了相应的内容。

这样可以将一些静态内容嵌入到网页中，并可以通过CSS来美化显示效果。

3. 通过iframe实现异步加载：使用iframe可以实现网页的异步加载，即通过加载一个外部网页来替换iframe 内部的内容。

一般情况下，通过修改iframe的src属性来实现异步加载。

例如：javascriptfunction loadNewPage(url) {var iframe = document.getElementById("myFrame");iframe.src = url;}在上面的例子中，当调用loadNewPage方法时，会动态地将指定的url加载到id为"myFrame"的iframe中。

iframe用法详解

iframe用法详解关于iframe的使用方法的详解。

一、什么是iframe？IFrame是HTML中的一种元素或标签，即“嵌套式框架”（Inline Frame）的缩写。

它允许将另一个HTML文档嵌入到当前文档中的一个窗口或框架中。

二、iframe的基本语法和属性介绍<iframe src="URL" width="宽度" height="高度" frameborder="边框宽度" scrolling="滚动条" allowfullscreen></iframe>- src：指定要嵌入的HTML文档的URL。

- width和height：设置iframe的宽度和高度。

- frameborder：设置边框的宽度，默认值为0。

- scrolling：设置是否显示滚动条，可选值为"yes"、"no"和"auto"。

- allowfullscreen：指定是否允许全屏显示嵌入内容。

三、如何在页面中插入一个iframe？1. 在HTML文件中的合适位置添加<iframe>代码。

2. 使用src属性来指定要嵌入的HTML文档的URL。

3. 根据需要设置宽度、高度、边框样式以及是否显示滚动条等属性。

四、iframe的使用场景1. 页面内嵌其他网页内容：通过iframe，可以将其他网页的内容嵌入到当前页面中，实现页面的模块化设计。

2. 展示嵌入式视频：通过将视频链接嵌入到iframe中，可以在网页中直接播放视频而无需跳转到其他页面。

3. 加载广告或第三方内容：通过将广告代码或第三方内容的URL嵌入到iframe中，可以在页面中显示广告或外部内容。

4. 分割页面布局：通过将不同的HTML文档放置于不同的iframe中，可以实现复杂的页面布局。

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用法和区别

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 描述定义框架集中列的数目和尺寸。