| 网站首页 | 新闻资讯 | 网络学院 | 追逐者商城 | 认证考试 | 休闲娱乐 | 图片中心 | 下载中心 | 雁过留声 | 
您现在的位置: 追逐者 >> 网络学院 >> 网页制作 >> HTML语言 >> 正文
图形图像 |  Photoshop |  CorelDRAW |  AutoCAD |  3dsMAX |  程序设计 |  C语言 |  C++ |  C# |  DelPhi |  Visal Basic |  网络编程 |  ASP |  ASP.Net |  PHP 编程 |  Ajax |  网页制作 |  Dreamweaver |  Flash |  HTML |  JavaScript |  VBScript |  CSS |  网页技术 |  办公软件 |  Word |  Excel |  PowerPoint |  OutLook
专题栏目
  • 此栏目下没有推荐文章
  • 相关文章
    广告展示
    嵌套窗口iframe 语法详解
            ★★★
    嵌套窗口iframe 语法详解
    作者:佚名 文章来源:网络 点击数: 更新时间:2008-7-5 23:32:04

    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.abcdef"; width="400" height="300" 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,my wife</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来表示,这样,不必重复写相同的内容,这有点象程序设计中的过程或函数,减省了多少繁琐的手工劳动!另外,至关重要的是,它使页面的修改更为可行,因为,不必因为版式的调整而修改每个页面,你只需修改一个父窗体的版式即可了。 

      要注意的是,Nestscape6.0之前版本不支持Iframe标记。

    文章录入:admin    责任编辑:admin 
    【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 管理登录 | 
    备案号:湘ICP备07502188
    Copyright© 2007 zzzhe.Com .All Rights Reserved
    本站资源 纯属收藏 若有侵犯 是属吾过 留言告知 立即处理
    |
    站长:张勇 CMS 基于 powerEasy SiteWeaver™ 模板仿制于 灯火梦幻蓝div PageRank