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。

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

FrameSet 与IFrame 彻底剖析■框架概念：谓框架便是网页画面分成几个框窗，同时取得多个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以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各参数。

标记：<FRAMESET>例子：<frameset rows="90,*" frameborder="0" border=0 framespacing="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" noresize framespacing="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 Code<frameset rows="80,*"><frame name="top" src="a.html"><frame name="bottom" src="b.html"></frameset>例子HTML Code<frameset rows="80,*,80"><frame name="top" src="a.html"><frame name="middle" src="b.html"><frame name="bottom" src="c.html"></frameset>例子HTML Code<frameset cols="150,*"><frameset rows="80,*"><frame name="upper_left" src="a.html"><frame name="lower_left" src="b.html"></frameset><frame name="right" src="c.html"></frameset>例子HTML Code<frameset rows="80,*"><frame name="top" src="a.html"><frameset cols="150,*"><frame name="lower_left" src="b.html"><frame name="lower_right" src="c.html"></frameset></frameset>例子HTML Code<frameset cols="150,*"><frame name="left" src="a.html"><frameset rows="80,*"><frame name="upper_right" src="b.html"><frame name="lower_right" src="c.html"></frameset></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 便会切换到另一个版本。