iframe用法示例(*****中iframe框架的简单例子,要有使用)
本文目录
- *****中iframe框架的简单例子,要有使用
- iframe 是什么
- iframe用法
- 怎样使用iframe,在网页中插入页面
- 听说
- iframe和frame的区别一般什么情况下使用iframe(要具体解释,还要有案列)
- jsp iframe怎样包含另一个jsp
- iframe有什么用
- iframe的高度可以随内容的多少而变化吗
- iframe标签怎么用
*****中iframe框架的简单例子,要有使用
《table width="100%%" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td 》《iframe name=top marginwidth=0 marginheight=0 src="*****" frameborder=0 scrolling="no" width="100%" height="100"》《/iframe》《/td》
《/tr》
《tr》
《td》《table width="100%%" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td width="20%"》《iframe name=left marginwidth=0 marginheight=0 src="*****" frameborder=0 scrolling="no" width="100%" 》《/iframe》《/td》
《td width="80%"》《iframe name=body marginwidth=0 marginheight=0 src="*****" frameborder=0 scrolling="no" width="100%" 》《/iframe》《/td》
《/tr》
《/table》《/td》
《/tr》
《tr》
《td》《iframe name=foot marginwidth=0 marginheight=0 src="*****" frameborder=0 scrolling="no" width="100%" height="50"》《/iframe》《/td》
《/tr》
《/table》
iframe 是什么
IFRAME
元素也就是文档中的文档,或者像浮动的框架(FRAME)。frames
集合提供了对IFRAME
内容的访问。frame有骨架的意思,而在其前面加个i
构成了iframe元素也就是文档中的文档。
示例——
下面的例子使用了
IFRAME
元素创建了包含页面
*****
的框架。
iframe
标签
--
代表HTML内联框架
*
iframe标签是成对出现的,以《iframe》开始,《/iframe》结束
*
属性
o
name
--
定义了内容页名称,此名称在框架页内链接时使用到
o
frameborder
--
定义了内容页的边框,取值为(1|0),
缺省值
为1
o
marginwidth
--
定义了框架中
HTML文件
显示的左右边界的宽度,取值为px,缺省值由浏览器决定
o
marginheight
--
定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
o
align
--
垂直或
水平对齐
方式
o
height
--
框架的高度
o
width
--
框架的宽度
具体示例——
《html》
《head》
《title》内嵌示例1《/title》
《/head》
《body》
《iframe
src="*****"
frameborder="0"
scrolling="yes"
height="100px"
width="100px"
noresize="noresize"》《/iframe》
《/body》
《/html》
这个在页面上显示为一个嵌在页面的框架,没有边框,有
滚动条
,该框架的大小为长100像素,宽100像素,不被允许拉动
页面边框
。
《html》
《head》
《title》内嵌示例2《/title》
《/head》
《body》
《iframe
name="res"
style="display:none;"
src="*****"
frameborder=“0”
scrolling="yes"
height="100px"
width="100px"》《/iframe》
《form
target="res"》
《/form》
用隐含的iframe提交数据,可以避免页面刷新。
《/body》
《/html》
iframe用法
如果你要用框架集,你要设置好大致的框架位置(你想要显示页面的位置),
给你举个例子:
《frameset rows="70,*" cols="*" frameborder="no" border="0" framespacing="0"》
《frame src="*****" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /》
《frameset cols="193,*" frameborder="no" border="0" framespacing="0"》
《frame src="*****" scrolling="No" noresize="noresize" id="leftFrame" /》
《frame src="*****" name="mainFrame" id="mainFrame" /》
《/frameset》
《/frameset》
在left页面中写上你所谓的点击的a / b,给他们加上超链接(《A href="*****" target="mainframe"》《/A》《A href="*****" target="mainframe"》《/A》),
target="mainframe"是把显示的页面在*****....
有问题加我957328142
怎样使用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分别代表宽度和高度,具体值需要根据具体网页来更改。
听说
做弹窗用 *****(’链接’,’’,’width=?,height=?,*******=no, status=no, menubar=no, resizable=yes, scrollbars=yes’)
一些参数
*******=no 是否显示工具栏,yes为显示
menubar,scrollbars 表示菜单栏和滚动栏
resizable=no 是否允许改变窗口大小,yes为允许
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许
《iframe》是内嵌页 ..似乎也没有实现弹窗的属性
除非.指的是弹出页内嵌有《iframe》
或者在《iframe》内弹窗
调用大概是:
读取页面是弹出《body onload="*****(....)"》
离开页面时弹出《body onunload="*****(....)"》
或者《a href="javascript:*****(....)"》?《/a》
iframe和frame的区别一般什么情况下使用iframe(要具体解释,还要有案列)
■ 框架概念 :
所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 《FRAMESET》 《FRAME》 即可,而所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料,所以不必放入 《BODY》 标记,浏览这框架必须读取这档 案而不是其它框窗的档案。《FRAMESET》 是用以划分框窗,每一框窗由一个 《FRAME》 标 记所标示,《FRAME》必须在 《FRAMESET》 范围中使用。如下例:
《frameset cols="50%,*"》
《frame name="hello" src="*****"》
《frame name="hi" src="*****"》
《/frameset》
此例中 《FRAMESET》 把画面分成左右两相等部分,左便是显示 *****,右边则会显示 ***** 这档案,《FRAME》 标记所标示的框窗永远是按由上而下、由左至右的次序。
本节与 Composer 教室的【运用框架】大部分相同,只是本节增加了内容及较为详细,正 如其它篇章一样并不会提及网页制作工具,若阁下学会了 HTML 相信你亦不会选用 Composer , FrontPage 一类的工具了。
■ 《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
表示框架宽度部份边缘所保留的空间。
以下是一些例子:(与 Composer 教室的【运用框架】相同)
例子 HTML Code
《frameset rows="80,*"》
《frame name="top" src="*****"》
《frame name="bottom" src="*****"》
《/frameset》
例子 HTML Code
《frameset rows="80,*,80"》
《frame name="top" src="*****"》
《frame name="middle" src="*****"》
《frame name="bottom" src="*****"》
《/frameset》
例子 HTML Code
《frameset cols="150,*"》
《frameset rows="80,*"》
《frame name="upper_left" src="*****"》
《frame name="lower_left" src="*****"》
《/frameset》
《frame name="right" src="*****"》
《/frameset》
例子 HTML Code
《frameset rows="80,*"》
《frame name="top" src="*****"》
《frameset cols="150,*"》
《frame name="lower_left" src="*****"》
《frame name="lower_right" src="*****"》
《/frameset》
《/frameset》 例子 HTML Code
《frameset cols="150,*"》
《frame name="left" src="*****"》
《frameset rows="80,*"》
《frame name="upper_right" src="*****"》
《frame name="lower_right" src="*****"》
《/frameset》
《/frameset》
■ 《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(comet:也使用于FireFox)。 它的作用是在一页网页中间插入一个框窗以显示另一个文件。它是 一个围堵标记,但围着的字句只有在浏览器不支援 iframe 标记时才会显示,如《noframes》 一样,可以放些提醒字句之类。通常 iframe 配合一个辨认浏览器的 JavaScript 会较好,若 JavaScript 认出该浏览器并非 Internet Explorer 便会切换至另一版本。PS:一定要使用《/iframe》关闭,否则后面的内容显示不出来。 《iframe》 的参数设定如下:
例子: 《iframe src="*****" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"》 《/iframe》
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 则不容许卷动。
jsp iframe怎样包含另一个jsp
可以使用 src属性 ,用法如下 :
《html》
《head》
《title》内嵌示例1《/title》
《/head》
《body》
《iframe src="*****" frameborder="0" scrolling="yes" height="100px" width="100px" noresize="noresize"》《/iframe》
《/body》
《/html》
iframe有什么用
HTML元素 - iframe
定义
创建内嵌漂浮框架。
Creates inline floating frames.
注释
IFRAME 元素的作用相当于在一个文档中嵌入另一个文档,或者像一个漂浮的 FRAME。
此元素在 Internet Explorer *** 及以上版本的 HTML 和脚本中可用。
此元素是一个块元素。
此元素需要关闭标签。
The IFRAME element functi*** as a document within a document, or like a floating FRAME.
This element is available in HTML and script as of Internet Explorer ***.
This element is a block element.
This element requires a closing tag.
示例代码
《html》
《body》
《p》这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_***** 的网页。《/p》
《iframe src="../asdocs/html_tutorials/Frame_*****"》《/iframe》
《/body》
《/html》
演示示例:用 IFRAME 在一个 HTML 页里显示另一个网页
iframe的高度可以随内容的多少而变化吗
iframe的高度可以随内容的多少而变化,解决方法如下:
1、首先在文件夹里创建两个html文件,一个“index”一个“iframe”。
2、然后在index中添加一个iframe标签,直接嵌入iframe页面。
3、接着在iframe网页中添加了两个固定高度的div内容。
4、浏览器打开index页面,发现iframe部分有滚动条,需要滚动显示页面。
5、现在在index页面的iframe标签再添加如下的属性。再次打开index页面iframe已经高度自适应了。
iframe标签怎么用
先来看看百度百科对于iframe标签元素的介绍!都是比较详细,接着就是实际的应用了!
2
新建一个记事本文件,并将它重命名为.html文件,添加必要的《html》《body》标签,为了便于说明,同时添加《head》和《title》,将标题改名为iframe元素标签的使用!
3
***隐藏网址***
4
当然嵌套两个网页或者多个网页也是可以的,高度和宽度都可以自行设置!
5
再看其他的比较常用的可选属性,如name,通过对定义好的名字,就指定框架页面进行跳转!
6
至于其他可选属性,就不再一一举例,看看解析,再试验一下就清楚了,如scrolling="no"就是不显滚动条,align控制框架的对齐方式等等,用法都差不多!
7
源代码:
《html》
《head》
《title》iframe元素标签的使用《/title》
《body》
《a href="url" target="iframe1"》跳转到百度经验《/a》《br/》
《iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/》
《iframe src="url" width="600px" height="400px" name="iframe2" align="right"/》
《/body》
《/head》
《/html》
更多文章:
splash下载(各版本 Splash.dll 下载、Splash.dll 文件是什么及丢失修复)
2026年4月26日 21:00
程序员被辞退后报复(佛山一程序员为泄愤离职后锁公司硬盘,他的行为该受到哪些惩罚)
2026年4月26日 20:00
label标签打印(Labelmx怎样连接Excel打印标签)
2026年4月26日 18:40
angularjs 百科(Web前端主流框架—Angular的优缺点分析)
2026年4月26日 18:00




