知识大全 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

相关参考

知识大全 JS定时刷新页面及跳转页面的方法

JS定时刷新页面及跳转页面的方法  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  Javascri

知识大全 js局部刷新页面时间具体实现

这篇文章介绍了js局部刷新页面时间具体实现需要的朋友可以参考一下 复制代码代码如下:cha138/Article/program/Java/JSP/201311/20158

知识大全 js关闭模态窗口刷新父页面

  有两个窗口A窗口(父)B窗口(模态)  A窗口里有一个DATAGRID一个按钮  点击按钮时弹出B窗口(模态)在B窗口中添加数据提交后要求B窗口自关闭然后刷新A窗口(父)  <scriptt

知识大全 js刷新框架子页面的七种方法

  下面以三个页面分别命名为lll为例来具体说明如何做  其中l由上下两个页面组成代码如下  <!DOCTYPEHTMLPUBLIC//WC//DTDHTMLTransitional//EN&g

知识大全 php防止刷新页面重复提交

  作为phper我们在开发和学习php过程中难免要经常的接受处理表单数据然而处理表单的时候总会有一个问题困扰大家刷新页面重复提交的问题如何防止刷新页面重复提交呢?  其实在php学习中我们会有很多的

知识大全 页面后退并刷新的javascript

  javascript做页面后退常使用的方法是  windowhistoryback();  这样确实可以做到后退的功能但是项目中常常并不只是后退就能完成需求往往需要在后退的同时刷新后退的页面信息比

知识大全 页面自动刷新

  当你做网页时是不是有的时候想让你的网页自动不停刷新或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单而且这个效果甚至不能称之为特效你只要把如下代码加入你的网页中就可以了 

知识大全 JS分页控件 可用于无刷新分页

JS分页控件可用于无刷新分页  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!今天无意看到了这个分页控

知识大全 自动刷新页面的实现方法总结

  )  <metaequiv=refreshcontent=;url=跳转的页面>  表示间隔秒刷新一次  )  <scriptlanguage=javascript>  w

知识大全 javascript web页面刷新的方法收集

Javascript刷新页面的几种方法  复制代码代码如下:  historygo()locationreload()location=locationlocationassign(location)