Iframe标记
Iframe标记又叫浮动帧标记你可以用它将个HTML文档嵌入在个HTML中显示它区别于Frame标记最大特征即这个标记所引用HTML文件不是和另外HTML文件相互独立显示而是可以直接嵌入在个HTML文件中和这个HTML文件内容相互融合成为个整体另外还可以多次在个页面内显示同内容而不必重复写内容个形象比喻即“画中画“电视
现在我们谈下Iframe标记使用
Iframe标记使用格式是:
<Iframe src=\"URL\" width=\"x\" height=\"x\" scrolling=\"[OPTION]\" frameborder=\"x\"></rame>
src:文件路径既可是HTML文件也可以是文本、ASP等;
width、height:\"画中画\"区域宽和高;
scrolling:当SRC指定HTML文件在指定区域不显不完时滚动选项如果设置为NO则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes则显示;
FrameBorder:区域边框宽度为了让“画中画“和邻近内容相融合常设置为0
比如:
<Iframe src=\"http://netschool.cpcw.com/homepage\" width=\"250\" height=\"200\" scrolling=\"no\" frameborder=\"0\"></rame>
2、父窗体和浮动帧的间相互控制
在脚本语言和对象层次中包含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\"></rame>
test.htm文件代码为:
<html>
<body>
<h1 id=\"myH1\">hello,my boy</h1>
</body>
</html>
如我们要改变ID号为myH1H1标记里文字为hello,my dear则可用:
document.myH1.innerText=\"hello,my dear\"(其中document可省)
在example.htm文件中Iframe标记对象所指子窗体和般DHTML对象模型致对对象访问控制方式样就不再赘述
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中对象
如example.htm:
<html>
<body _disibledevent=> <Iframe name=\"tt\" src=\"frame1.htm\" width=\"250\" height=\"200\" scrolling=\"no\" frameborder=\"0\"></rame>
<h1 id=\"myH2\">hello,my we</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来表示这样不必重复写相同内容这有点象设计中过程或减省了多少繁琐手工劳动!另外至关重要是它使页面修改更为可行不必版式调整而修改每个页面你只需修改个父窗体版式即可了
最新评论