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