浅谈 Iframe 和 FRAME 的区别
发布时间：2018-09-03 22:25:16 所属栏目：创业 来源：站长网
导读：一、Iframe标志的行使 提起Iframe，也许你早已将之扔到被忘记的角落了，不外，提及其兄弟Frame就不会生疏了。Frame标志即帧标志，我们所说的多帧布局就是在一个赏识器窗口中表现多个HTML文件。此刻，我们碰着一种很实际的环境：若有一个教程，是一节一节地
|
一、Iframe标志的行使 提起Iframe，也许你早已将之扔到“被忘记的角落”了，不外，提及其兄弟Frame就不会生疏了。Frame标志即帧标志，我们所说的多帧布局就是在一个赏识器窗口中表现多个HTML文件。此刻，我们碰着一种很实际的环境：若有一个教程，是一节一节地上，每页末端做一个“上一节“、“下一节“的链接，除了每节教程内容差异之外，页面其余部门内容都是沟通的，假如一页一页地做笨页面，这好像太让人憎恶了，这时突发奇想，假若有一种要领让页面其余处所稳固，只将教程做成一页一页的内容页，不含其余内容，在点击上下翻页链接时，只改变教程内容部门，其余保持稳固，这样，一是省时，另则往后如教程有个三长两短的变换，也很利便，不致于牵一发而动三军了;更重要的是将那些告白Banner、栏目列表、导航等险些每页的都有的对象只下载一次后就不再下载了。 Iframe标志，又叫浮动帧标志，你可以用它将一个HTML文档嵌入在一个HTML中表现。它差异于Frame标志最大的特性即这个标志所引用的HTML文件不是与其它的HTML文件彼此独立表现，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容彼此融合，成为一个整体，其它，还可以多次在一个页面内表现统一内容，而不必一再写内容，一个形象的比喻即“画中画“电视。 此刻我们谈一下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=http://www.veryhuo.com/news/ 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,liehuo.net</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标志，既为本身(网站)着了想，又为网友节减了网费，何乐而不为？ 浮动FRAME是HTML4.0类型中的一个界说，今朝的赏识器都支持它。 不象FRAMESET暗示的支解区样子，一个浮动FRAME作为一个内置工具存在于Web页面上，其样式就象一个页面上的一个图形可能一个applet。浮动FRAME行使＜IFRAME＞标志，它具有与＜FRAME＞沟通的大大都属性配置，包罗：name、src、marginwidth、marginheight、FRAMEborder以及scrolling。同时，它还具有与图形可能applet一样的height、width和align属性。 并且，浮动FRAME遵循与平凡FRAME一样的target原则：我们可以通过它的name来指向它。本原则合用于在任一范例FRAME中的浮动FRAME，反之易然。浮动FRAME中的没有traget的链接指向它自己，而_parent链接则指向包括＜IFRAME＞的文档地址的FRAME可能窗口。好比： ＜IFRAME name="floater" src="start.htm" width=150 height=200 hspace=10 align=left＞ ＜IMG src="Images/noFRAME.gif" alt="You can't see the floating FRAME" width=150 height=200 hspace=10 align=right＞ ＜/IFRAME＞＜BR＞ ＜A href="one.htm" target="floater"＞Show one.htm＜/A＞＜P＞ ＜A href="two.htm" target="floater"＞Show two.htm＜/A＞＜P＞ ＜A href="start.htm" target="floater"＞Bring back start.htm＜/A＞ 留意，对应支持＜IFRAME＞标志的赏识器，任何位于＜IFRAME＞和＜/IFRAME＞间的内容都将忽略。反之，个中的内容将表现出来，这可以用作表明当前赏识器不支持＜IFRAME＞ （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
