几种JS刷新页面的方法

js刷新页面方法大全一、先来看一个简单的例子：下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。frame.html由上(top.html)下(bottom.html)两个页面组成，代码如下：1!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN2HTML3HEAD4TITLEframe/TITLE5/HEAD6framesetrows=50%,50%7framename=topsrc=top.html8framename=bottomsrc=bottom.html9/frameset10/HTML现在假设top.html(即上面的页面)有七个button来实现对bottom.html(即下面的页面)的刷新，可以用以下七种语句，哪个好用自己看着办了。1top.html页面的代码如下：23!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN4HTML5HEAD6TITLEtop.html/TITLE7/HEAD8BODY9inputtype=buttonvalue=刷新1onclick=window.parent.frames[1].location.reload()br10inputtype=buttonvalue=刷新2onclick=window.parent.frames.bottom.location.reload()br11inputtype=buttonvalue=刷新3onclick=window.parent.frames['bottom'].location.reload()br12inputtype=buttonvalue=刷新4onclick=window.parent.frames.item(1).location.reload()br13inputtype=buttonvalue=刷新5onclick=window.parent.frames.item('bottom').location.reload()br14inputtype=buttonvalue=刷新6onclick=window.parent.bottom.location.reload()br15inputtype=buttonvalue=刷新7onclick=window.parent['bottom'].location.reload()br16/BODY17/HTML18下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。12!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.0Transitional//EN3HTML4HEAD5TITLEbottom.html/TITLE6/HEAD7BODYonload=alert('我被加载了！')8h1Thisisthecontentinbottom.html./h19/BODY10/HTML解释一下：1.window指代的是当前页面，例如对于此例它指的是top.html页面。2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。3.frames是window对象，是一个数组。代表着该框架内所有子页面。4.item是方法。返回数组里面的元素。5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。附：Javascript刷新页面的几种方法：1history.go(0)2location.reload()3location=location4location.assign(location)5document.execCommand('Refresh')6window.navigate(location)7location.replace(location)8document.URL=location.href二、自动刷新页面1.页面自动刷新：把如下代码加入head区域中metahttp-equiv=refreshcontent=20其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入head区域中metahttp-equiv=refreshcontent=20;url=页面3.页面自动刷新js版scriptlanguage=JavaScriptfunctionmyrefresh(){window.location.reload();}setTimeout('myrefresh()',1000);//指定1秒刷新一次/script三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）1PrintWriterout=response.getWriter();2out.write(scripttype=\text/javascript\);3////子窗口刷新父窗口4out.write(self.opener.location.reload(););5//关闭窗口6out.write(window.opener=null;);7out.write(window.close(););8out.write(/script);四、JS刷新框架的脚本语句1.如何刷新包含该框架的页面用scriptlanguage=JavaScriptparent.location.reload();/script2.子窗口刷新父窗口scriptlanguage=JavaScriptself.opener.location.reload();/script3.如何刷新另一个框架的页面用（上面的实例以说明了）语句1.window.parent.frames[1].location.reload();语句2.window.parent.frames.bottom.location.reload();语句3.window.parent.frames[bottom].location.reload();语句4.window.parent.frames.item(1).location.reload();语句5.window.parent.frames.item('bottom').location.reload();语句6.window.parent.bottom.location.reload();语句7.window.parent['bottom'].location.reload();4.如果想关闭窗口时刷新或者想开窗时刷新的话，在body中调用以下语句即可。bodyonload=opener.location.reload()开窗时刷新bodyonUnload=opener.location.reload()关闭时刷新scriptlanguage=javascriptwindow.opener.document.location.reload()/script