几种JS刷新页面的方法阐述.docVIP

js刷新页面 方法大全 一、先来看一个简单的例子： 下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。 frame.html 由上 top.html 下 bottom.html 两个页面组成，代码如下： ?1 !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.0?Transitional//EN ??2 ??3 ??4 ?frame 5 ??6 frameset?rows 50%,50% ??7??? frame?name top?src top.html ??8??? frame?name bottom?src bottom.html ??9 ?10 现在假设top.html 即上面的页面 有七个button来实现对bottom.html 即下面的页面 的刷新，可以用以下七种语句，哪个好用自己看着办了。 1top.html?页面的代码如下：??2?3 !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.0?Transitional//EN ??4 ??5 ??6 ?top.html 7 ??8 ??9?? input?type button?value 刷新1?onclick window.parent.frames[1].location.reload ?10?? input?type button?value 刷新2?onclick window.parent.frames.bottom.location.reload ?11?? input?type button?value 刷新3?onclick window.parent.frames[bottom].location.reload 12?? input?type button?value 刷新4?onclick window.parent.frames.item 1 .location.reload ?13?? input?type button?value 刷新5?onclick window.parent.frames.item bottom .location.reload ?14?? input?type button?value 刷新6?onclick window.parent.bottom.location.reload ?15?? input?type button?value 刷新7?onclick window.parent[bottom].location.reload ?16 ?17 ?18 下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。 1?2 !DOCTYPE?HTML?PUBLIC?-//W3C//DTD?HTML?4.0?Transitional//EN ??3 ??4 ??5 ?bottom.html 6 ??7 BODY?onload alert 我被加载了！ ??8??? This?is?the?content?in?bottom.html. ??9 ?10 解释一下： 1.window指代的是当前页面，例如对于此例它指的是top.html页面。?2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。?3.frames是window对象，是一个数组。代表着该框架内所有子页面。?4.item是方法。返回数组里面的元素。?5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。?附：?Javascript刷新页面的几种方法：?1?history.go 0 ?2?location.reload ?3?location location?4?location.assign location ?5?document.execCommand Refresh ?6?window.navigate location ?7?location.replace location ?8?document.URL location.href? 二、自动刷新页面 1.页面自动刷新：把如下代码加入 区域中 meta?http-equiv refresh?content 20 ?其中20指每隔20秒刷新一次页面. 2.页面自动跳转：把如下代码加入 区域中 meta?http-equiv refresh?content 20;url ?其中20指隔20秒后