HTML5中使⽤frame标签,HTML中IFRAME标签的使⽤⼀、Iframe标记的使⽤
Iframe标记，⼜叫浮动帧标记，你可以⽤它将⼀个HTML⽂档嵌⼊在⼀个HTML中显⽰。
它不同于Frame标记最⼤的特征即这个标记所引⽤的HTML⽂件不是与另外的HTML⽂件
相互独⽴显⽰，⽽是可以直接嵌⼊在⼀个HTML⽂件中，与这个HTML⽂件内容相互融合，
成为⼀个整体，另外，还可以多次在⼀个页⾯内显⽰同⼀内容，⽽不必重复写内容，
⼀个形象的⽐喻即“画中画“电视。
现在我们谈⼀下Iframe标记的使⽤。
Iframe标记的使⽤格式是:
src：⽂件的路径，既可是HTML⽂件，也可以是⽂本、ASP等；
width、height："画中画"区域的宽与⾼；
scrolling：当SRC的指定的HTML⽂件在指定的区域不显不完时，滚动选项，
如果设置为NO，则不出现滚动条；如为Auto：则⾃动出现滚动条；如为Yes，则显⽰;
FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。
⽐如:
⼆、⽗窗体与浮动帧之间的相互控制
html frame
在脚本语⾔与对象层次中，包含Iframe的窗⼝我们称之为⽗窗体，⽽浮动帧则称为⼦窗体，
弄清这两者的关系很重要，因为要在⽗窗体中访问⼦窗体或相反都必须清楚对象层次，才能通过程序来访问并控制窗体。
1、在⽗窗体中访问并控制⼦窗体中的对象
在⽗窗体中，Iframe即⼦窗体是document对象的⼀个⼦对象，可以直接在脚本中访问⼦窗体中的对象。
现在就有⼀个问题，即，我们怎样来控制这个Iframe，这⾥需要讲⼀下Iframe对象。
当我们给这个标记设置了ID 属性后，就可通过⽂档对象模型DOM对Iframe所含的HTML进⾏⼀系列控
制。
⽐如在example.htm⾥嵌⼊test.htm⽂件，并控制test.htm⾥⼀些标记对象：
test.htm⽂件代码为:
hello,my boy
如我们要改变ID号为myH1的H1标记⾥的⽂字为hello,my dear，则可⽤:
在example.htm⽂件中，Iframe标记对象所指的⼦窗体与⼀般的DHTML对象模型⼀致，对对象访问控制⽅式⼀样，就不再赘述。
2、在⼦窗体中访问并控制⽗窗体中对象
在⼦窗体中我们可以通过其parent即⽗(双亲)对象来访问⽗窗⼝中的对象。
如example.htm：
hello,my wife
如果要在frame1.htm中访问ID号为myH2中的标题⽂字并将之改为"hello,my friend"，
我们就可以这样写：H2.innerText="hello,my friend"
这⾥parent对象就代表当前窗体(example.htm所在窗体)，要在⼦窗体中访问⽗窗体中的对象，⽆⼀例外都通过parent对象来进⾏。Iframe虽然内嵌在另⼀个HTML⽂件中，但它保持相对的独⽴，是⼀个“独⽴王国“哟，在单⼀HTML中的特性同样适⽤于浮动帧中。试想⼀下，通过Iframe标记，我们可将那些不变的内容以Iframe来表⽰，这样，不必重复写相同的内容，
这有点象程序设计中的过程或函数，减省了多少繁琐的⼿⼯劳动！另外，⾄关重要的是，它使页⾯的修改更为可⾏，
因为，不必因为版式的调整⽽修改每个页⾯，你只需修改⼀个⽗窗体的版式即可了。
有⼀点要注意，Nestscape浏览器不⽀持Iframe标记，但在时下IE的天下，这似乎也⽆⼤碍，⼴泛采⽤Iframe标记，

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。