iframe使用:IFRAME使用方法及作用



时下网站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文件代码为:
  
   
    hello,myboy
   
  
  如我们要改变ID号为myH1H1标记里文字为hello,mydear则可用:
  document.myH1.innerText=\"hello,mydear\"(其中document可省)
  在example.htm文件中Iframe标记对象所指子窗体和DHTML对象模型对对象访问控制方式就不再赘述
  2、在子窗体中访问并控制父窗体中对象
  在子窗体中我们可以通过其parent即父(双亲)对象来访问父窗口中对象
  如example.htm:
  
   
    
    hello,mywe
   
  
  如果要在frame1.htm中访问ID号为myH2中标题文字并将的改为\"hello,myfriend\"我们就可以这样写:
  parent.myH2.innerText=\"hello,myfriend\"
  这里parent对象就代表当前窗体(example.htm所在窗体)要在子窗体中访问父窗体中对象例外都通过parent对象来进行
  Iframe虽然内嵌在另个HTML文件中但它保持相对独立个’独立王国’哟在单HTML中特性同样适用于浮动帧中
  试想通过Iframe标记我们可将那些不变内容以Iframe来表示这样不必重复写相同内容这有点象设计中过程或
减省了多少繁琐手工劳动!另外至关重要它使页面修改更为可行不必版式调整而修改每个页面你只需
修改个父窗体版式即可了
  有点要注意Nestscape浏览器不支持Iframe标记但在时下IE天下这似乎也无大碍广泛采用Iframe标记既为自己

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







其中designMode属性表示IFrame设计模式状态(开/关)还在犹豫什么呢快试试吧! [Page]
只要巧妙利用这特性就可以制作很多意想不到效果如果下面我们来做个图片编辑器

>’)\">


Tags:  iframe iframe如何使用 iframe的使用 iframe使用

延伸阅读

最新评论

发表评论