iframe用法iframe的使用场景有?

本文目录一览：

• 1、iframe组合页面的用法？
• 2、iframe用法
• 3、关于iframe嵌套页面用法
• 4、什么是IFRAME
• 5、有谁知道iframe用法
• 6、iframe标签怎么用?

iframe组合页面的用法？

iframe并不是很常用的，在标准的网页中非常少用。但是有朋友经常问到，下面我简单地介绍一下它的用法，你只要熟练掌握这些参数足矣。

iframe也应该是框架的一种形式，它与frame不同的是，iframe可以嵌在网页中的任意部分。我们举第一个例子，具体代码如：

iframe width=420 height=330 frameborder=0 scrolling=auto src=URL/iframe，这里的URL可以是相对路径，也可以是绝对路径，效果如：

width表示宽度，height表示宽度，可根据实际情况调整。

scrolling表示是否显示页面滚动条，可选的参数为auto、yes、no，如果省略这个参数，则默认为auto。

二、如何实现页面上的超链接指向这个嵌入的网页？

只要给这个iframe命名就可以了。方法是iframe

name=**，例如我命名为aa，写入这句HTML语言iframe width=420 height=330 name=aa

frameborder=0

src=;/iframe，然后，网页上的超链接语句应该写为：a

href=URL target=aa

在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。

iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：

name：内嵌帧名称

width：内嵌帧宽度(可用像素值或百分比)

height：内嵌帧高度(可用像素值或百分比)

frameborder：内嵌帧边框

marginwidth：帧内文本的左右页边距

marginheight：帧内文本的上下页边距

scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)

src：内嵌入文件的地址

style：内嵌文档的样式(如设置文档背景等)

allowtransparency：是否允许透明

明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中：

〈iframe name="import_frame" width=100%

height=80 src="samper.htm" frameborder=auto〉

〈/iframe〉

不错吧，马上“Ctrl+C”、“Ctrl+V”试试。

有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现：

先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：

〈meta http-equiv="refresh" content="3,url=index2.htm"〉

〈body〉

页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉

〈/body〉

主文件index2.htm

〈body〉

〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉

〈/body〉

iframe用法

如果你要用框架集，你要设置好大致的框架位置（你想要显示页面的位置），

给你举个例子：

frameset rows="70,*" cols="*" frameborder="no" border="0" framespacing="0"

frame src="head.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /

frameset cols="193,*" frameborder="no" border="0" framespacing="0"

frame src="left.html" scrolling="No" noresize="noresize" id="leftFrame" /

frame src="main.html" name="mainFrame" id="mainFrame" /

/frameset

/frameset

在left页面中写上你所谓的点击的a / b，给他们加上超链接(A href="1.asp" target="mainframe"/AA href="2.asp" target="mainframe"/A),

target="mainframe"是把显示的页面在main.html....

有问题加我957328142

关于iframe嵌套页面用法

1.在HTML中写入iframe标签

iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框（一般为0）" width="宽" height="高" scrolling="是否滚动（一般为“no”）"/iframe

2.在HTML中写入a标签，当点击a标签时，子页面跳转到所需的页面

3.如果有多个子页面之间切换，只需要多写几个a标签，并且将它的href换成你所要跳转的html页面即可。切记，target是不变的，和先前的iframe保持一致！！！iframe标签只需要一个。

如下：

iframe：

a:

什么是IFRAME

IFRAME是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架（即行内框架）。

frameset和frame标签必须在一起使用。frame有一个重要的值是target，它表示在指定的框架中打开网页；target可以配置四个参数：

1、blank：它表示在一个新的窗口中打开链接网页，

2、top：它表示在本窗口中打开链接网页，

3、parent：在上一层的框架中打开链接网页，

4、self：在超链接中打开链接网页。

扩展资料

特点如下：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

4、通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料来源：百度百科-iframe

有谁知道iframe用法

之前做项目也遇到这个问题，零时补一下

Iframe标记的使用格式是:

Iframe src="URL" width="x" height="x" scrolling="[OPTiON]" frameborder="x"/iframe

src：文件的路径，既可是HTML文件，也可以是文本、ASP等；

width、height："画中画"区域的宽与高；

scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动

条；如为Yes，则显示;

FrameBorder：区域边框的宽度，为了让'画中画'与邻近的内容相融合，常设置为0。

比如:

Iframe src="" width="250" height="200" scrolling="no" frameborder="0"/iframe

二、父窗体与浮动帧之间的相互控制

在脚本语言与对象层次中，包含Iframe的窗口我们称之为父窗体，而浮动帧则称为子窗体，弄清这两者的关系很重要，因为要在父窗体

中访问子窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。

1、在父窗体中访问并控制子窗体中的对象

在父窗体中，Iframe即子窗体是document对象的一个子对象，可以直接在脚本中访问子窗体中的对象。

现在就有一个问题，即，我们怎样来控制这个Iframe，这里需要讲一下Iframe对象。当我们给这个标记设置了ID 属性后，就可通过文档

对象模型DOM对Iframe所含的HTML进行一系列控制。

比如在example.htm里嵌入test.htm文件，并控制test.htm里一些标记对象：

Iframe src="test.htm" id="test" width="250" height="200" scrolling="no" frameborder="0"/iframe

test.htm文件代码为:

html

body

h1 id="myH1"hello,my boy/h1

/body

/html

如我们要改变ID号为myH1的H1标记里的文字为hello,my dear，则可用:

document.myH1.innerText="hello,my dear"(其中，document可省)

在example.htm文件中，Iframe标记对象所指的子窗体与一般的DHTML对象模型一致，对对象访问控制方式一样，就不再赘述。

2、在子窗体中访问并控制父窗体中对象

在子窗体中我们可以通过其parent即父（双亲）对象来访问父窗口中的对象。

如example.htm：

html

body onclick="alert(tt.myH1.innerHTML)"

Iframe name="tt" src="frame1.htm" width="250" height="200" scrolling="no" frameborder="0"/iframe

h1 id="myH2"hello,my wife/h1

/body

/html

如果要在frame1.htm中访问ID号为myH2中的标题文字并将之改为"hello,my friend"，我们就可以这样写：

parent.myH2.innerText="hello,my friend"

这里parent对象就代表当前窗体(example.htm所在窗体)，要在子窗体中访问父窗体中的对象，无一例外都通过parent对象来进行。

Iframe虽然内嵌在另一个HTML文件中，但它保持相对的独立，是一个'独立王国'哟，在单一HTML中的特性同样适用于浮动帧中。

试想一下，通过Iframe标记，我们可将那些不变的内容以Iframe来表示，这样，不必重复写相同的内容，这有点象程序设计中的过程或

函数，减省了多少繁琐的手工劳动！另外，至关重要的是，它使页面的修改更为可行，因为，不必因为版式的调整而修改每个页面，你只需

修改一个父窗体的版式即可了。

有一点要注意，Nestscape浏览器不支持Iframe标记，但在时下IE的天下，这似乎也无大碍，广泛采用Iframe标记，既为自己

三、IFrame也可以编辑文字

有没有想过除了表单(form)之外还有其它的网页元素可以编辑文字呢？只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。

html

body onload="editer.document.designMode='On'"

IFrame ID="editer"/IFrame

/body

/html

其中designMode属性表示IFrame的设计模式的状态（开/关），还在犹豫什么呢，快试试吧！

只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。

html

body onload="imgEditer.document.designMode='On';imgEditer.document.write('img src=图片.gif')"

IFrame id="imgEditer"/IFrame

/body

/html

小结：

根据我自己的学习体验，我总结了几点学习方法供大家参考：

1、看到好的网页，可以在浏览器的“编辑”菜单中选择“源文件”，这时我们就可以看到源程序，学习别人制作网页的一些方法、技巧和一些特殊或新的HTML标记，有时候通过这种办法可以学到书本上没有的东西

2、多练习，在做普通的页面时候尽量手写HTML标记（比如在计事本中）

3、对于难记的属性不必强行记忆，在用到的时候翻一下语法手册，多用几次就会熟练掌握了。

iframe标签怎么用?

先来看看百度百科对于iframe标签元素的介绍！都是比较详细，接着就是实际的应用了！

2

新建一个记事本文件，并将它重命名为.html文件，添加必要的htmlbody标签，为了便于说明，同时添加head和title，将标题改名为iframe元素标签的使用！

3

在body中添加iframe，ulr为你要嵌套网页的地址，需要带上http的，由于经验不上带有网址，不演于演示，width，height为所占用的宽度和高度，以百度首页为例，当然嵌套两个网页也是可以的!

4

当然嵌套两个网页或者多个网页也是可以的，高度和宽度都可以自行设置！

5

再看其他的比较常用的可选属性，如name，通过对定义好的名字，就指定框架页面进行跳转！

6

至于其他可选属性，就不再一一举例，看看解析，再试验一下就清楚了，如scrolling="no"就是不显滚动条，align控制框架的对齐方式等等，用法都差不多！

7

源代码：

html

head

titleiframe元素标签的使用/title

body

a href="url" target="iframe1"跳转到百度经验/abr/

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

iframe用法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于iframe的使用场景有?、iframe用法的信息别忘了在本站进行查找喔。