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

目录
相关文章
|
8月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
6月前
window.location对象使用
window.location对象使用
28 0
|
前端开发
前端 window 和 window.location
前端 window 和 window.location
前端 window 和 window.location
window.history对象
history:包含浏览器的浏览历史记录。使用的时候,可以不是红window的前缀。
52 0
|
移动开发 Android开发
解决移动端页面window.location.replace不生效的问题
解决移动端页面window.location.replace不生效的问题
1495 0
|
前端开发
前端面试题:1.页面加载完成(onload)之前触发的事件;2.History,Location,Window,Navigation的区别;3.e.target和e.currentTarget的区别
★Navagator:提供有关浏览器的信息 ★Window: Window对象处于对象层次的最顶层, 它提供了处理Navagator窗口的方法和属性 ★Location:提供了与当前打开的URL-工作的方 法和属性,是一个静态的对象 ★History:提供了与历史清单有关的信息 ★Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用
223 0
|
JavaScript 前端开发 开发者
BOM(一)概述、history对象、location对象、navigator对象、事件
BOM(一)概述、history对象、location对象、navigator对象、事件
196 0
BOM(一)概述、history对象、location对象、navigator对象、事件
|
Windows
Window 添加、删除、修改路由(转载)
在windows下如何添加、删除和修改静态路由 1、添加一条路由表 route add 192.168.100.0 mask 255.255.255.248 192.168.1.1 metric 3 if 2 添加一条路由记录,所有到192.168.100.0/24网段的数据包,都通过2号(网卡)接口走192.168.1.1的网关,优先级为3。
1629 0