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

JavaScript011

js刷新框架子页面的七种方法,第1张

下面以三个页面分别命名为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

先来看一个简单的例子 下面以三个页面分别命名为frame top bottom 为例来具体说明如何做 frame 由上(top )下(bottom )两个页面组成 代码如下

复制代码 代码如下: <! DOCTYPE HTML PUBLIC " //W C//DTD HTML Transitional//EN" ><HTML ><HEAD ><TITLE >frame </ TITLE ></ HEAD ><frameset rows =" % %" ><frame name =top   src ="top " ><frame name =bottom   src ="bottom " ></ frameset ></ HTML >

现在假设top (即上面的页面) 有七个button来实现对bottom (即下面的页面) 的刷新 可以用以下七种语句 哪个好用自己看着办了 语句 window parent frames[ ] location reload()语句 window parent frames bottom location reload() 语句 window parent frames["bottom"] location reload() 语句 window parent frames item( ) location reload()语句 window parent frames item( bottom ) location reload()语句 window parent bottom location reload()语句 window parent[ bottom ] location reload() top 页面的代码如下

复制代码 代码如下: <! DOCTYPE HTML PUBLIC " //W C//DTD HTML Transitional//EN" ><HTML ><HEAD >   <TITLE >top </ TITLE ></ 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 ="window parent frames item( ) location reload()" ><br ><input type =button value ="刷新 " onclick ="window parent frames item( 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 >

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

复制代码 代码如下:  <! DOCTYPE HTML PUBLIC " //W C//DTD HTML Transitional//EN" ><HTML ><HEAD >   <TITLE >bottom </ TITLE ></ HEAD ><BODY onload ="alert( 我被加载了! )" ><h >This is the content in bottom </ h ></ BODY ></ HTML >lishixinzhi/Article/program/Java/JSP/201311/20510

前台页面跳转方式: 1、带frame的跳转 a window.frames.frameName.location.href= url//frameName代表某个frame,url代表跳转的路径。 b 打开一个新窗口,window.open(url,'frameName')