关闭

HTML 随笔记之 刷新页面

标签: html缓存浏览器
36人阅读 评论(0) 收藏 举报
分类:

刷新页面

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

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

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.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">
其中20指隔20秒后跳转到http://www.jb51.net页面
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

html标签自动刷新

控制网页1秒刷新一次:
  • a1017680279
  • a1017680279
  • 2015-09-26 15:09
  • 169

html-javascript前端页面刷新重载的方法汇总

一、javascript页面刷新重载的方法: href="javascript:location.reload();">点击重新载入页面 href="javascript:history.go(...
  • u010064842
  • u010064842
  • 2015-12-19 14:43
  • 4462

iframe结构的网站按F5刷新子页面的实现方式

有的网站或者后台系统由于页面有公共的部分,比如菜单,会把公共的部分放在一个页面,这里称之为父页面,而把具体的内容放入一个iframe中,之后的请求改变iframe的内容。但是这样会有一个问题,因为浏览...
  • kusedexingfu
  • kusedexingfu
  • 2017-04-20 22:29
  • 4591

HTML中使用Ajax进行局部刷新页面

使用Ajax进行用户名动态校验,局部刷新页面1.在HTML页面中使用js脚本将请求数据发送给后台servlet 由按钮触发事件 查询 由js脚本对将数据发送到后台 var req = new ...
  • u013360850
  • u013360850
  • 2016-10-09 20:13
  • 18562

html5+css3实现上拉和下拉刷新

温馨提示:该HTML运行之前需下载iscroll.js,并引入 html> html> head> meta http-equiv="Content-Type" content="text/...
  • u013005675
  • u013005675
  • 2017-04-07 19:34
  • 810

html局部页面刷新和跳转传参

index.html为父页面,A.html和B.html为局部刷新的子页面。 页面跳转: 如index.html所示,用标签实现页面的嵌套。 参数传递: 当需要传递参数时,可使用js实现为跳转...
  • jnx1142410525
  • jnx1142410525
  • 2017-03-18 14:31
  • 375

HTML中使用Ajax进行局部刷新页面

HTML中使用Ajax进行局部刷新页面,使用JS将数据发送到后台 1.在HTML页面中使用js脚本将请求数据发送给后台servlet 由按钮触发事件 button id="selec...
  • qq136501564
  • qq136501564
  • 2017-08-10 09:53
  • 585

定时不闪烁刷新图片,不刷新页面

test function changeImage() { var date = new Date(); var minute = date.getMinutes(); var seco...
  • xie1xiao1jun
  • xie1xiao1jun
  • 2014-11-10 22:26
  • 3387

html内嵌子页面并配合CGI进行页面更新

利用标签的特性改善嵌入式Boa服务器性能
  • u011195662
  • u011195662
  • 2017-05-12 15:54
  • 903

页面按F5刷新,避免表单重复提交的解决方法

http://blog.163.com/yanlicheng0719@126/blog/static/16502680820123695827982/ 避免表单重复提交 用户提交表...
  • zunguitiancheng
  • zunguitiancheng
  • 2015-09-17 16:27
  • 5832
    个人资料
    • 访问:658次
    • 积分:189
    • 等级:
    • 排名:千里之外
    • 原创:15篇
    • 转载:2篇
    • 译文:0篇
    • 评论:1条
    文章分类
    文章存档
    最新评论