iframe脸面的页面和父页面之间的交互方法

1.iframe父页面修改iframe中的页面的信息

  var obj = document.getElementById("iframeId").contentWindow;   //获取iframe中的页面的Window对象

     $(obj.document).find(":checkbox").length;    //获取iframe中的页面里的checkbox数量

2.iframe中的页面修改父页面内容

     window.top.window.document.getElementById(newId).innerHTML=‘此处内容已被子页面修改。’

3.嵌套框架的解析

     在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。

      (1)window.self

             功能:是对当前窗口自身的引用。它和window属性是等价的。

             语法:window.self

             注:window、self、window.self是等价的。

        (2) window.top

             功能:返回顶层窗口,即浏览器窗口。

             语法:window.top

             注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。

      (3)window.parent

             功能:返回父窗口。

             语法:window.parent

             注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。

在框架网页中,一般父窗口就是顶层窗口,但如果框架中还有框架,父窗口和顶层窗口就不一定相同了。

判断当前窗口是否在一个框架中:

<script type="text/javascript">
var b = window.top!=window.self;
document.write( "当前窗口是否在一个框架中:"+b );
</script>

你应当将框架视为窗口中的不同区域,框架是浏览器窗口中特定的部分。一个浏览器窗口可以根据你的需要分成任意多的框架,一个单个的框架也可以分成其它多个框架,即所谓的嵌套框架

posted @ 2013-10-20 21:39  stevejson  阅读(381)  评论(0编辑  收藏  举报