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

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

目录
相关文章
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
12月前
window.location对象使用
window.location对象使用
62 0
|
前端开发
前端 window 和 window.location
前端 window 和 window.location
前端 window 和 window.location
window.history对象
history:包含浏览器的浏览历史记录。使用的时候,可以不是红window的前缀。
75 0
|
JavaScript 前端开发
JavaScript通过改变location对象的hash属性实现相同页面显示不同详情内容的效果
JavaScript通过改变location对象的hash属性的应用 前面我们学到了BOM的Location对象,现在来讲一下实际的应用。通过改变hash属性获取不同的数据。 1.列表页面代码: <a href="10模拟详情页面.html#0" target="_blank">张三</a> <a href="10模拟详情页面.html#1" target="_blank">李四</a> <a href="10模拟详情页面.html#2" target="_blank">王五</a> <a href="10模拟详情页面.html#3" target="_b
|
移动开发 Android开发
解决移动端页面window.location.replace不生效的问题
解决移动端页面window.location.replace不生效的问题
1790 0
|
前端开发
前端面试题:1.页面加载完成(onload)之前触发的事件;2.History,Location,Window,Navigation的区别;3.e.target和e.currentTarget的区别
★Navagator:提供有关浏览器的信息 ★Window: Window对象处于对象层次的最顶层, 它提供了处理Navagator窗口的方法和属性 ★Location:提供了与当前打开的URL-工作的方 法和属性,是一个静态的对象 ★History:提供了与历史清单有关的信息 ★Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用
265 0
|
JavaScript 前端开发 开发者
BOM(一)概述、history对象、location对象、navigator对象、事件
BOM(一)概述、history对象、location对象、navigator对象、事件
223 0
BOM(一)概述、history对象、location对象、navigator对象、事件
|
小程序 JavaScript 前端开发
小程序使用this.setData()来做删除无刷新
小程序使用this.setData()来做删除无刷新
131 0