知识大全 js刷新页面方法大全

Posted 语句

篇首语：卧疾丰暇豫，翰墨时间作。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js刷新页面方法大全相关的知识，希望对你有一定的参考价值。

　　用js实现的刷新页面的代码 比较全

　　先来看一个简单的例子

　　下面以三个页面分别命名为l l l为例来具体说明如何做   l 由上(l)下(l)两个页面组成 代码如下          <!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN >        <HTML>        <HEAD>        <TITLE> frame </TITLE>        </HEAD>        <frameset rows= % % >        <frame name=top  src= l >        <frame name=bottom  src= l >        </frameset>        </HTML>

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

　　语句 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(); l

　　页面的代码如下          <!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN >        <HTML>        <HEAD>        <TITLE> l </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= windem( ) location reload() ><br>        <input type=button value= 刷新 nclick= 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页面源代码 为了证明下方页面的确被刷新了 在装载完页面弹出一个对话框 l 页面的代码如下          <!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN >        <HTML>        <HEAD>        <TITLE> l </TITLE>        </HEAD>        <BODY onload= alert( 我被加载了！ ) >        <h >This is the content in l </h >        </BODY>        </HTML>

　　解释一下

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

　　 parent指的是当前页面的父页面 也就是包含它的框架页面 例如对于此例它指的是l frames是window对象 是一个数组 代表着该框架内所有子页面

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

　　 如果子页面也是个框架页面 里面还是其它的子页面 那么上面的有些方法可能不行

　　附 Javascript刷新页面的几种方法              history go( )            location reload()            location=location            location assign(location)            document execCommand( Refresh )            window navigate(location)            location replace(location)            document URL=location href

　　自动刷新页面的方法:

　　 页面自动刷新 把如下代码加入<head>区域中 <meta equiv= refresh content= > 其中 指每隔 秒刷新一次页面

　　 页面自动跳转 把如下代码加入<head>区域中 <meta equiv= refresh content= ;url= > 其中 指隔 秒后跳转到页面

　　 页面自动刷新js版 <script language= JavaScript > function myrefresh()         window location reload(); setTimeout( myrefresh() );

　　//指定 秒刷新一次 </script> ASP NET如何输出刷新父窗口脚本语句

　　 this response write( <script>opener location reload();</script> );

　　 this response write <script>opener window location href=opener window location href;</script> );

　　    Response Write( <script language=javascript>opener window navigate( 你要刷新的页 asp );</script> ) JS刷新框架的脚本语句

　　//如何刷新包含该框架的页面用

　　<script language=JavaScript>    parent location reload(); </script>

　　//子窗口刷新父窗口

　　<script language=JavaScript>     self opener location reload(); </script> (　或　<a javascript:opener location reload() >刷新</a>   )

　　//如何刷新另一个框架的页面用

　　<script language=JavaScript>    parent 另一FrameID location reload(); </script>

　　如果想关闭窗口时刷新或者想开窗时刷新的话 在<body>中调用以下语句即可

　　<body onload= opener location reload() >

　　开窗时刷新 <body onUnload= opener location reload() >

cha138/Article/program/net/201311/11759

相关参考