html5返回并刷新,js刷新页面的方法大全
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刷新页面的方法大全相关推荐
- layui table 弹出层刷新_layui 关闭open弹出框 刷新table表格页面的方法
layui 关闭open弹出框 刷新table表格页面的方法 如下所示: 保存后刷新table表格 源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...
- php js页面刷新,JS刷新页面方法总结
这次给大家带来JS刷新页面方法总结,JS刷新页面的注意事项有哪些,下面就是实战案例,一起来看一下. JS刷新当前页面的几种方法总结reload 方法,该方法强迫浏览器刷新当前页面 replace 方法 ...
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false| ...
- Javascript 刷新框架及页面的方法汇总(转)
一.刷新框架 先来看一个简单的例子: 下面以三个页面分别命名为frame.html.top.html.bottom.html为例来具体说明如何做. frame.html 由上(top.html)下(b ...
- vue中通过js控制页面样式方法
在使用vue.js框架的时候,有时候会希望在页面渲染完成之后,再执行函数方法来处理初始化相关的操作,如果只处理页面位置.宽或者高时,必须要在页面完全渲染之后才可以,页面没有加载完成之前,获取到的宽高不 ...
- 微信公众号监听安卓/ios关闭页面关闭方法大全
之前看的网上说的用的什么pagehide,unload,都试了不管用都,然后我就用了下面的方法果然好使.大家可以试试都 let u = navigator.userAgent;var isiOS = ...
- js 数组去重的方法大全
1.使用双重for循环,再利用数组的splice方法去重(ES5常用) let arr = [1, 5, 6, 0, 7, 3, 0, 5, 9, 5]; function unique(arr) { ...
- js合并数组的方法大全
本期,主要总结了一些关于数组合并的方法! //先声明两个数组 var a = [ 1, 2, 3, 4 ]; var b = [ 7, 8, 9 ]; 1.concat // 该方法可合并多个数组,原 ...
- js 弹出一个页面 html页面刷新,原生js刷新当前页面与跳转页面的几种方法及区别总结...
在面向浏览器的web开发过程中,我们经常与JavaScript打交道,web开发页面路由跳转.刷新当前页面更是经常遇到的事.浏览器提供了至少3-5种的方式可以实现当前页面刷新或者跳转当前应用的其他页面 ...
最新文章
- cobol_将Host Cobol批次和Monolith Webapps移动到云和微服务
- php和python对比-PHP和Python性能比较:放弃PHP改用Python
- boost::mpi模块all_reduce() 集合的测试
- [Leetcode][第647题][JAVA][回文子串][动态规划][中心扩展][Manacher 算法]
- ctfshow-WEB-web9( MD5加密漏洞绕过)
- android MVC和MVP探讨
- 【python】编程语言入门经典100例--23
- Java Web开发实战(二)—Tomcat安装及环境变量配置
- project甘特图导出图片_Project将任务及甘特图导出Excel的方法
- PS4 5.05安装Linux系统,PS4主机刷机教程以及游戏安装教程,到5.05 4.55 4.05等系统
- 【BC260Y】 AT指令接入移动oneNet平台流程
- 12 WebGL移动、旋转和缩放中的平移
- 微服务化之无状态化和容器化
- SEO实战:怎样打劫肥龙龙的博客流量
- 服务器系统如何重装?
- BFC到底是什么?如何理解
- polished_project_es6 源码分析 知识点总结
- Precision T7910 图形工作站win7和linux双系统安装
- JAVA IO中read()方法的返回值
- DNF剑皇全技能名+图标