[记录] 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(),这种方法不会有历史记录，使其无法后退到当前页.