时下网站WebSite本来网速就有些慢可是几乎每页都要放什么Banner栏目图片版权等大堆雷同东西当然出于网站WebSite风格统、
广告效应需要本无可厚非可毕竟让用户钱包为这些’点缀’东西”日益消得钱憔悴”了有没有办法让这些雷同东西次
下载后就不用再下载而只下载那些内容有变化区域网页内容呢?
答案很肯定:应用Iframe标记!
、Iframe标记使用
提起Iframe可能你早已将的扔到’被遗忘角落”了不过说起其兄弟Frame就不会陌生了Frame标记即帧标记我们所说多帧
结构就是在个浏览器窗口中显示多个HTML文件现在我们遇到种很现实情况:如有个教程是节节地上每页末尾做个
’上节’、’下节’链接除了每节教程内容区别的外页面其它部分内容都是相同如果页页地做笨页面这似乎太让人厌
烦了这时突发奇想如果有种思路方法让页面其它地方不变只将教程做成页页内容页不含其它内容在点击上下翻页链接时只改
变教程内容部分其它保持不变这样是省时另则以后如教程有个 3长两短变动也很方便不致于牵发而动全军了;更重要是
将那些广告Banner、栏目列表、导航等几乎每页都有东西只下载次后就不再下载了
Iframe标记又叫浮动帧标记你可以用它将个HTML文档嵌入在个HTML中显示它区别于Frame标记最大特征即这个标记所引用
HTML文件不是和另外HTML文件相互独立显示而是可以直接嵌入在个HTML文件中和这个HTML文件内容相互融合成为个整体
另外还可以多次在个页面内显示同内容而不必重复写内容个形象比喻即’画中画’电视
现在我们谈下Iframe标记使用
Iframe标记使用格式是:
src:文件路径既可是HTML文件也可以是文本、ASP等;
width、height:\"画中画\"区域宽和高;
scrolling:当SRC指定HTML文件在指定区域不显不完时滚动选项如果设置为NO则不出现滚动条;如为Auto:则自动出现滚动
条;如为Yes则显示;
FrameBorder:区域边框宽度为了让’画中画’和邻近内容相融合常设置为0
比如:
2、父窗体和浮动帧的间相互控制
在脚本语言和对象层次中包含Iframe窗口我们称的为父窗体而浮动帧则称为子窗体弄清这两者关系很重要要在父窗体
中访问子窗体或相反都必须清楚对象层次才能通过来访问并控制窗体
1、在父窗体中访问并控制子窗体中对象
在父窗体中Iframe即子窗体是document对象个子对象可以直接在脚本中访问子窗体中对象
现在就有个问题即我们怎样来控制这个Iframe这里需要讲下Iframe对象当我们给这个标记设置了ID属性后就可通过文档[Page]
对象模型DOM对Iframe所含HTML进行系列控制
比如在example.htm里嵌入test.htm文件并控制test.htm里些标记对象:
test.htm文件代码为:
如我们要改变ID号为myH1H1标记里文字为hello,mydear则可用:
document.myH1.innerText=\"hello,mydear\"(其中document可省)
在example.htm文件中Iframe标记对象所指子窗体和般DHTML对象模型致对对象访问控制方式样就不再赘述
2、在子窗体中访问并控制父窗体中对象
在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中对象
如example.htm: