js刷新框架子页面的七种方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js刷新框架子页面的七种方法相关的知识,希望对你有一定的参考价值。

参考技术A

  下面以三个页面分别命名为l l l为例来具体说明如何做

  其中l由上下两个页面组成 代码如下

  <!DOCTYPE html PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD><TITLE> frameDemo </TITLE></HEAD> <frameset rows= % % ><frame name=top src= l ><frame name=button src= l ></frameset></HTML>

  现在假设l即上面的页面有一个button来实现对下面页面的刷新 可以用以下七种语句 哪个好用自己看着办了

  语句 window parent frames[ ] location reload();

  语句 window parent frames bottom location reload();

  语句 window parent frames[ bottom ] location reload();

  语句 windem( ) location reload();

  语句 windem( bottom ) location reload();

  语句 window parent bottom location reload();

  语句 window parent[ bottom ] location reload();

  解释一下

   window指代的是当前页面 例如对于此例它指的是l页面

   parent指的是当前页面的父页面 也就是包含它的框架页面 例如对于此例它指的是l

   frames是window对象 是一个数组 代表着该框架内所有子页面

  em是方法 返回数组里面的元素

   如果子页面也是个框架页面 里面还是其它的子页面 那么上面的有些方法可能不行   l源代码 (页面上有七个按钮 功能都是刷新下面的框架页面)

  <!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD></HEAD><BODY><input type=button value= 刷新 onclick= window parent frames[ ] location reload() ><br><input type=button value= 刷新 onclick= window parent frames bottom location reload() ><br><input type=button value= 刷新 onclick= window parent frames[ bottom ] location reload() ><br><input type=button value= 刷新 onclick= windem( ) location reload() ><br><input type=button value= 刷新 onclick= windem( bottom ) location reload() ><br><input type=button value= 刷新 onclick= window parent bottom location reload() ><br><input type=button value= 刷新 onclick= window parent[ bottom ] location reload() ><br></BODY></HTML>

  下面是l页面源代码 为了证明下方页面的确被刷新了 在装载完页面弹出一个对话框

lishixinzhi/Article/program/Java/javascript/201311/25475

iframe内联框架

父页面调用子页面js方法:

      (1) iframe_name.window.方法名()

      (2)document.getElementById().contentWindow.方法()

子页面调用父页面方法:

      (1)parent.方法名()

在父页面中刷新子页面: 

     (1)document.getElementById().src=

 

以上是关于js刷新框架子页面的七种方法的主要内容,如果未能解决你的问题,请参考以下文章

如果通过点击JS,让新页面在父窗口打开.

iframe内联框架

iframe子页面样式怎么在父页面修改

thinkphp调用页面后刷新没效果

子页面提交后刷新父页面问题

页面处于激活状态时调用Js方法