[记录] window.location对象实现页面刷新


title: window.location对象实现页面刷新
date: 2017年8月30日 10:02:31
tags: js
categories: 教程
author: "JiaWei"


用户点击浏览器后退按钮后页面ajax没有更新,通过使用windowlocation对象的方法属性实现页面刷新并刷新数据


window.location.reload()
该方法使浏览器刷新当前页面。
语法: location.reload()
参数: 可选参数, 默认为 false,从客户端缓存里取当前页进行F5刷新。 true, 则以GET 方式,从服务端取最新的页面, 相当于客户端点击 Shift + F5("刷新")。该方法在刷新时会
事件: 如果有数据提交的话,会弹窗提示是否提交
bug: 安卓微信浏览器中location.reload方法失效无法跳转?
解决办法: 使用location.href代替reload()来进行页面刷新或者跳转。
window.location.href = location.href+'?time='+((new Date()).getTime());

location.href
location.href是最常用的属性,用于获得或设置窗口的URL,类似于document.url属性。
window.location.href = window.location.href;
// 这样也可以实现页面刷新并提交数据,数据提交时无弹窗提示

location.replace()
该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
使用location.href属性跳转会被加入到浏览器的历史栈中,这意味着可以通过后退键来撤退。如果用户为了提高安全级别可以采用location.reolace(),这种方法不会有历史记录,使其无法后退到当前页.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 人丑就该多看书 文章来自其他博文。 *.location.href 用法: javascript> functio...
    樱花树下_529d阅读 3,085评论 0 0
  • 1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]...
    孤岛渔夫阅读 14,811评论 0 6
  • 10表示间隔10秒刷新一次 window.location.reload(true); 如果是你要刷新某一个ifr...
    自由加咖啡阅读 10,871评论 0 2
  • 苏子,且这样叫你。你这颗封存良久的种子,终于可以在这个春天,苏醒,发芽。 很遗憾,当你终于被准许到来,我已没有年轻...
    九曲胡同阅读 1,765评论 1 2
  • 这些年,我一直在想 一直在找 哪朵云、哪棵树、哪一阵风像哥哥? 那棵树长着长着就老了 那阵风吹着吹着就冷了 那朵云...
    舒严阅读 1,009评论 0 0

友情链接更多精彩内容