html中的iframe（html标签 iframe 问题）

本文目录

• html标签 iframe 问题
• html iframe如何设置高度和宽度
• 关于HTML代码中iframe能否截取网页的某一部分，嵌入自己的网页呢
• html中框架(frame)的详细使用方法
• html中iframe应用
• html中iframe和frameset标签有什么区别和联系
• HTML中iFrame框架的全称
• html中iframe的过滤问题

html标签 iframe 问题

有三个部分，上面一个，左边一个，右边一个。给右边设定一个name，比如name是“main”，代码如下：
《frame src="#" name="main" /》
那么链接写成下面这样，就可以实现了：
《a href="链接" target="main"》链接文字《/a》
整体的框架代码大致如下：
《frameset rows=’40px,*’》
《frame src=’#’ name=’top’ /》
《frameset cols=’250px,*’》
《frame src=’#’ name=’left’ /》
《frame src=’#’ name=’main’ /》
《/frameset》
《/frameset》

html iframe如何设置高度和宽度

一、iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

二、有以下方式对iframe进行设置高度和宽度

1、iframe元素标签可以使用width和height属性，

《iframe src ="/*****" width="400" height="300"》《/iframe》

2、可以使用css来定义宽度和高度

《iframe src ="/*****" style="width:400px;height:300px"》《/iframe》

三、补充：

iframe的属性如下：

关于HTML代码中iframe能否截取网页的某一部分，嵌入自己的网页呢

使用iframe可以截取网站的部分内容，主要配合width、height、overflow等属性来实现的，具体示例如下：
《div style="width:630px;height:350px;overflow:hidden;border:0px"》
《div style="width:800px;height:800px;margin:-810px 0px 0px -10px;"》
《iframe src="要截取的网址" width="960" height="1280" scrolling="no"》《/iframe》
《/div》
《/div》
以上代码中的width 和height分别代表宽度和高度，具体值需要根据具体网页来更改。

html中框架(frame)的详细使用方法

框架概念 ：
所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 《FRAMESET》 《FRAME》 即可，而所有框架标记 要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 《BODY》 标记，浏览这框架必须读取这档 案而不是其它框窗的档案。《FRAMESET》 是用以划分框窗，每一框窗由一个 《FRAME》 标 记所标示，《FRAME》必须在 《FRAMESET》 范围中使用。如下例：
《frameset cols="50%,*"》
《frame name="hello" src="*****"》
《frame name="hi" src="*****"》
《/frameset》
此例中 《FRAMESET》 把画面分成左右两相等部分，左便是显示 *****，右边则会显示 ***** 这档案，《FRAME》 标记所标示的框窗永远是按由上而下、由左至右的次序。

《FRAMESET》 《FRAME》 ：

《FRAMESET》 称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
《FRAME》 则只是设定某一个框窗内的参数属性。
《FRAMESET》 参数设定：
例子：《frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"》
COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以 切成三个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当 分配完第一及第三个视窗后剩下的空间，第三个视窗则占整个画面的 50% 宽度 为 一相对分割。您可自己调整数字。
ROWS="120,*"
就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量 不要同在一个 《FRAMESET》 标记中，因 Netacape 偶然不能显示这类形的框架，尽 采用多重分割。
frameborder="0"
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
border="0"
设定框架的边框厚度，以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。
framespacing="5"
表示框架与框架间的保留空白的距离。

《FRAME》 参数设定：
例子：《frame name="top" src="*****" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"》
SRC="*****"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应著一个网页档案。你可 使用绝对路径或相对路径，有关此两者详见於【连结进阶】。
NAME="top"
设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。
frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避 免使用 yes 或 no ）
framespacing="6"
表示框架与框架间的保留空白的距离。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【HTML 剖析】。
scrolling="Auto"
设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。
noresize
设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随 意地拉动框架，改变其大小。
marginhight=5
表示框架高度部份边缘所保留的空间。
marginwidth=5
表示框架宽度部份边缘所保留的空间。
《NOFRAMES》 ：

当别人使用的浏览器太旧，不支援框架这个功能时，他看到的将会是一片空白。为了避免 这种情况，可使用 《NOFRAMES》 这个标记，当使用者的浏览器看不到框架时，他就会看 到 《NOFRAMES》 与 《/NOFRAMES》 之间的内容，而不是一片空白。这些内容可以是提醒 浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本 亦可。
应用方法：
在《frameset》 标记范围加入 《/NOFRAMES》 标记，以下是一个例子：
《frameset rows="80,*"》
《noframes》
《body》
很抱歉，馈下使用的浏览器不支援框架功能，请转用新的浏览器。
《/body》
《/noframes》
《frame name="top" src="*****"》
《frame name="bottom" src="*****"》
《/frameset》
若浏览器支援框架，那堋它不会理会 《noframes》 中的东西，但若浏览器不支援框架，由 於不认识所有框架标记，不明的标记会被略过，标记包围的东西便被解读出来，所以放在 《noframes》范围内的文字会被显示。

《IFRAME》 ：

这标记只适用於 IE。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记，但围著的字句只有在浏览器不支援 iframe 标记时才会显示，如《noframes》 一样，可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 Java Script 会较好，若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。
《iframe》 的参数设定如下：
例子： 《iframe src="*****" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"》
src="*****"
欲显示於此框窗的文件来源除档案名称，必要加上相对或绝对路径。
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 则不容许卷动。
例子： 原始码
***隐藏网址***
很抱歉，馈下使用的浏览器并不支援 IFrame，不能正常浏览我的网页。《/iframe》
《/center》
frameset参数传递问题
左边的条件参数如何传,右边才能接收
--------------------------------------------------------------------------------
对三个帧分别命名为：*****(显示查询条件的页面,其中帧名为：left）,*****,*****(显示查询结果的页面,其中帧名为：main）
如：
《html》
《head》
***隐藏网址***
《title》search《/title》
《/head》
《frameset rows="80,*" frameborder="NO" border="0" framespacing="0"》
《frame src="*****" name="top" scrolling="NO" noresize 》
《frameset cols="80,*" frameborder="NO" border="0" framespacing="0"》
《frame src="*****" name="left" scrolling="NO" noresize》
《frame src="*****" name="main"》
《/frameset》
《/frameset》
《noframes》《body》
《/body》《/noframes》
《/html》
在left的表单中写成：
《form name="form1" method="post" action="*****" target="main"》
......//你自己设计吧。
《/form》
这样就可以你的查询条件传给*****中了！

html中iframe应用

定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
提示和注释：
提示：您可以把需要的文本放置在 《iframe》 和 《/iframe》
之间，这样就可以应对无法理解 iframe 的浏览器。
iframe标签是成对出现的,以《iframe》开始,《/iframe》结束
iframe标签内的内容可以做为浏览器不支持iframe标签时显示

html中iframe和frameset标签有什么区别和联系

一: 《Frameset》为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局，用来划分框架，每一个框架由《Frame》《/Frame》标记。
《Frame》用以设置组成框架集中各个框架的属性。《Frame》《/Frame》必须在《Frameset》《/Frameset》之内使用。
注意：《Frame》《/Frame》标记的框架顺序为从左至右或从上到下。

二: Iframe是Inline Frame的缩写，称为内联框架，它和frame如同兄弟。frame是帧标记，Iframe叫浮动帧标记，它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体；因为它可以多次在一个页面内显示同一内容，而不必重复写内容，所以人们形象称这种效果为“画中画”。

HTML中iFrame框架的全称

iframe=Inner Frame
2个词的意思======================================
inner
adj.
内部的, 里面的
The label is on the inner side of the box.
标签贴在盒子内侧。
内心的
I could not guess what his inner thought might be.
我真猜不出他的内心想法。
frame

n.
框架
I need to buy new spectacle frames but I will keep the old lenses.
我需要买新的眼镜框, 不过我会留着旧镜片。
骨架, 构架
The house has a wooden frame which is braced with brick.
这幢房子是木结构的砖瓦房。
vt.
给…加框
Will you frame the picture?
你给这个画加个框好吗?
陷害, 诬告
She framed Tom for something he never did.
她陷害汤姆干了一些他从未干过的事。
表达, 构造
He framed his life according to a noble pattern.
他以高尚的模式构筑自己生活的框架。

html中iframe的过滤问题

纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东西，当然，出于网站风格统一、
广告效应的需要，本无可厚非，可毕竟让用户的钱包为这些’点缀’的东西”日益消得钱憔悴”了，有没有办法，让这些雷同的东西一次
下载后就不用再下载，而只下载那些内容有变化区域的网页内容呢？
答案很肯定：应用Iframe标记！
一、Iframe标记的使用
提起Iframe，可能你早已将之扔到’被遗忘的角落”了，不过，说起其兄弟Frame就不会陌生了。Frame标记即帧标记，我们所说的多帧
结构就是在一个浏览器窗口中显示多个HTML文件。现在，我们遇到一种很现实的情况：如有一个教程，是一节一节地上，每页末尾做一个
’上一节’、’下一节’的链接，除了每节教程内容不同之外，页面其它部分内容都是相同的，如果一页一页地做笨页面，这似乎太让人厌
烦了，这时突发奇想，如果有一种方法让页面其它地方不变，只将教程做成一页一页的内容页，不含其它内容，在点击上下翻页链接时，只改
变教程内容部分，其它保持不变，这样，一是省时，另则以后如教程有个三长两短的变动，也很方便，不致于牵一发而动全军了;更重要的是
将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。
Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用
的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，
另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即’画中画’电视。
现在我们谈一下Iframe标记的使用。
Iframe标记的使用格式是:
《Iframe src="URL" width="x" height="x" scrolling="" frameborder="x"》《/iframe》
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高；
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动
条；如为Yes，则显示;
FrameBorder：区域边框的宽度，为了让’画中画’与邻近的内容相融合，常设置为0。
比如:
***隐藏网址***
二、父窗体与浮动帧之间的相互控制
在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体
中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。
1、在父窗体中访问并控制子窗体中的对象
在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。
现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档
对象模型DOM对Iframe所含的HTML进行一系列控制。
比如在*****里嵌入*****文件，并控制*****里一些标记对象：
《Iframe src="*****" id="test" width="250" height="200" scrolling="no" frameborder="0"》《/iframe》
*****文件代码为:
《html》
《body》
《h1 id="myH1"》hello,my boy《/h1》
《/body》
《/html》
如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:
*****="hello,my dear"(其中，document可省)
在*****文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。
如*****：
《html》
《body onclick="alert(*****)"》
《Iframe name="tt" src="*****" width="250" height="200" scrolling="no" frameborder="0"》《/iframe》
《h1 id="myH2"》hello,my wife《/h1》
《/body》
《/html》
如果要在*****中访问ID号为myH2中的标题文字并将之改为"hello,my friend"，我们就可以这样写：
*****="hello,my friend"
这里parent对象就代表当前窗体(*****所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。
Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个’独立王国’哟，在单一HTML中的特性同样适用于浮动帧中。
试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或
函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需
修改一个父窗体的版式即可了。
有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己
三、IFrame也可以文字
有没有想过除了表单(《form》)之外还有其它的网页元素可以文字呢？只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本器。
《html》
《body onload="*****=’On’"》
《IFrame ID="editer"》《/IFrame》
《/body》
《/html》
其中designMode属性表示IFrame的设计模式的状态（开/关），还在犹豫什么呢，快试试吧！
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片器。
《html》
《body onload="*****=’On’;*****(’《img src=图片.gif》’)"》
《IFrame id="imgEditer"》《/IFrame》
《/body》
《/html》