1、reload 方法,该方法强迫浏览器刷新当前页面。

语法:location.reload([bForceGet])

参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

2、replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。语法: location.replace(URL)

通常使用: location.reload() 或者是 history.go(0) 来做。

此方法类似客户端点F5刷新页面,所以页面method="post"时,会出现"网页过期"的提示。

因为Session的安全保护机制。

当调用 location.reload() 方法时, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。

如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。

这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

代码: location.replace(location.href);

返回并刷新页面:

location.replace(document.referrer);

document.referrer //前一个页面的URL

不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。

附:

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,页面自动刷新:把如下代码加入

区域中

代码如下:

其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入

区域中

代码如下:

其中20指隔20秒后跳转到http://www.jb51.net页面

3,页面自动刷新js版

代码如下:

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

4,JS刷新框架的脚本语句

代码如下:

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

parent.location.reload();

//子窗口刷新父窗口

self.opener.location.reload();

( 或 刷新   )

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

parent.另一FrameID.location.reload();

如果想关闭窗口时刷新或想开窗时刷新,在

中调用以下语句即可。

代码如下:

window.opener.document.location.reload()

一、先来看一个简单的例子:

下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:

代码如下:

frame

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

top.html 页面的代码如下:

代码如下:

top.html

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

代码如下:

bottom.html

This is the content in bottom.html.

解释一下:

代码如下:

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.页面自动刷新:把如下代码加入

区域中

其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入

区域中

其中20指隔20秒后跳转到http://www.jb51.net页面

3.页面自动刷新js版

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面)

代码如下:

1 PrintWriter out = response.getWriter();

2 out.write("

3 子窗口刷新父窗口

4 out.write("self.opener.location.reload();");

5 //关闭窗口

6 out.write("window.opener=null;");

7 out.write("window.close();");

8 out.write("");

四、JS刷新框架的脚本语句

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

代码如下:

parent.location.reload();

2.子窗口刷新父窗口

代码如下:

self.opener.location.reload();

3.如何刷新另一个框架的页面用 (上面的实例以说明了)

代码如下:

语句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.如果想关闭窗口时刷新或者想开窗时刷新的话,在

中调用以下语句即可。

开窗时刷新

关闭时刷新

代码如下:

window.opener.document.location.reload()

html5返回并刷新,js刷新页面的方法大全相关推荐

  1. layui table 弹出层刷新_layui 关闭open弹出框 刷新table表格页面的方法

    layui 关闭open弹出框 刷新table表格页面的方法 如下所示: 保存后刷新table表格 源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...

  2. php js页面刷新,JS刷新页面方法总结

    这次给大家带来JS刷新页面方法总结,JS刷新页面的注意事项有哪些,下面就是实战案例,一起来看一下. JS刷新当前页面的几种方法总结reload 方法,该方法强迫浏览器刷新当前页面 replace 方法 ...

  3. html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false| ...

  4. Javascript 刷新框架及页面的方法汇总(转)

    一.刷新框架 先来看一个简单的例子: 下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做. frame.html 由上(top.html)下(b ...

  5. vue中通过js控制页面样式方法

    在使用vue.js框架的时候,有时候会希望在页面渲染完成之后,再执行函数方法来处理初始化相关的操作,如果只处理页面位置.宽或者高时,必须要在页面完全渲染之后才可以,页面没有加载完成之前,获取到的宽高不 ...

  6. 微信公众号监听安卓/ios关闭页面关闭方法大全

    之前看的网上说的用的什么pagehide,unload,都试了不管用都,然后我就用了下面的方法果然好使.大家可以试试都 let u = navigator.userAgent;var isiOS = ...

  7. js 数组去重的方法大全

    1.使用双重for循环,再利用数组的splice方法去重(ES5常用) let arr = [1, 5, 6, 0, 7, 3, 0, 5, 9, 5]; function unique(arr) { ...

  8. js合并数组的方法大全

    本期,主要总结了一些关于数组合并的方法! //先声明两个数组 var a = [ 1, 2, 3, 4 ]; var b = [ 7, 8, 9 ]; 1.concat // 该方法可合并多个数组,原 ...

  9. js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...

    在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...

最新文章

  1. cobol_将Host Cobol批次和Monolith Webapps移动到云和微服务
  2. php和python对比-PHP和Python性能比较:放弃PHP改用Python
  3. boost::mpi模块all_reduce() 集合的测试
  4. [Leetcode][第647题][JAVA][回文子串][动态规划][中心扩展][Manacher 算法]
  5. ctfshow-WEB-web9( MD5加密漏洞绕过)
  6. android MVC和MVP探讨
  7. 【python】编程语言入门经典100例--23
  8. Java Web开发实战(二)—Tomcat安装及环境变量配置
  9. project甘特图导出图片_Project将任务及甘特图导出Excel的方法
  10. PS4 5.05安装Linux系统,PS4主机刷机教程以及游戏安装教程,到5.05 4.55 4.05等系统
  11. 【BC260Y】 AT指令接入移动oneNet平台流程
  12. 12 WebGL移动、旋转和缩放中的平移
  13. 微服务化之无状态化和容器化
  14. SEO实战:怎样打劫肥龙龙的博客流量
  15. 服务器系统如何重装?
  16. BFC到底是什么?如何理解
  17. polished_project_es6 源码分析 知识点总结
  18. Precision T7910 图形工作站win7和linux双系统安装
  19. JAVA IO中read()方法的返回值
  20. DNF剑皇全技能名+图标

热门文章

  1. 无代码厂商轻流:“别叫我低代码”
  2. 关于Qt中线程的挂起和唤醒问题
  3. 2022英雄联盟LPL春季赛什么时候开始
  4. 苹果ipad有哪几款_最低免费!苹果竟有这些不为人知的超高性价比产品
  5. stringbuilder 和 s+=的效率比较,以及by val 和by ref 的效率比较
  6. 伤心的代码_一切都坏了,没人伤心
  7. LIBJPEG交叉编译并用其将ARGB32转JPEG
  8. WBFex世界数字资产交易所的领军者
  9. linux下查看mysql端口号和修改端口号方法
  10. birt家园里面看到的关于birt底层操作的原理