Javascript的window对象

一个Html页面可以有一个或多个子框架,比如一个frameset里面包含几个frame的构造,这里所讲的框架编程包括框架的自我控制以及框架之间的互相访问.例如从一个框架中引用另一个框架中的JavaScript变量、调用其他框架内的函数、控制另一个框架中表单的行为等。

  1. 框架间的相互引用
    一个页面中的所有框架以集合的形式作为window 对象的属性提供,例如:window.frames 就表示该页面内所有框架的集合,这和表单对象、链接对象、图片对象等是类似的,不同的是,这些集合是document 的属性。因此,要引用一个子框架,可以使用如下语法:
      //Javascript 代码
          window.frames[“frameName”]; 
          window.frames.frameName 
          window.frames[index]

       //其中,window字样也可以用self代替或省略,假设frameName 为页面中第一个框架,则以下的写法是等价的:
      // JavaScript 代码
         self.frames[“frameName”] 
         self.frames[0] 
         frames[0]
 了解了如何引用一个框架,那么引用的这个框架到底是什么呢?其 实,每个框架都对应一个HTML 页面,所以这个框架也是一个独立的浏览器窗口,它具有窗口的所有性质,所谓对框架的引用也就是对window 对象的引用。有了这个window 对象,就可以很方便地对其中的页面进行操作,例如使用window.document对象向页面写入数据、使window.location属性来改变框架内的页面等。

下面分别介绍不同层次框架间的互相引用:
  1. 父框架到子框架的引用

    window.frames[“frameName”];
    //这样就引用了页面内名为frameName 的子框架。如果要引用子框架内的子框架,根据引用的框架实际就是window对象的性质,可以这样实现:
    window.frames[“frameName”].frames[“frameName2”];
    window.frames[“frameName”].frames[“frameName2”];
    // 这样就很引用到了二级子框架,以此类推,可以实现多层框架的引用。

  2. 子框架到父框架的引用
    每个window对象都有一个parent属性,表示它的父框架。如果该框架已经是顶层框架,则window.parent 还表示该框架本身。

  3. 兄弟框架间的引用
    如果两个框架同为一个框架的子框架,它们称为兄弟框架,可以通过父框架来实现互相引用,例如一个页面包括2 个子框架:

       <frameset rows="50%,50%"> 
          <frame src="1.html" name="frame1" /> 
          <frame src="2.html" name="frame2" /> 
        </frameset> 

       <frameset rows="50%,50%">
         <frame src="1.html" name="frame1" />
         <frame src="2.html" name="frame2" />
       </frameset>
  在frame1 中可以使用如下语句来引用frame2:
  self.parent.frames[“frame2”];

5. 对顶层框架的引用

    //和parent 属性类似,window 对象还有一个top 属性。它表示对顶层框 架的引用,这可以用来判断一个框架自身是否为顶层框架
    if(self==top){ 
     //dosomething 
    } 

改变框架的载入页面
window.frames[0].location=”1.html”;

 <a href=”frame1.location=’3.html;frame2.location=’4.html’” onclick=””>link</a> 

文章参考自 javascript对frameset的操作

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值