JavaScript跳转页面的方法及区别

JavaScript跳转页面主要有三种方法:

1、location.replace

location.replace会替换当前页面的history,这意味着不能使用后退按钮回退replace前的页面。

window.location.replace("https://majing.io");

有点类似模拟http请求的重定向

2、location.assign

location.assign会保留当前页面的history,跳转到新页面后,可以使用后退按钮回退到之前的页面。

window.location.assign("https://majing.io");

类似于点击链接,在当前页面跳转新页面。

3、location.href

签名两种方法使用的是location的方法。我们也可以赋值给location的属性href来跳转页面,这和location.assign一样会保留当前页面的history。

window.location="https://majing.io";
window.location.href="https://majing.io";

刷新当前页面location.reload

如果是刷新当前页面使用location.reload。reload方法有一个参数forcedReload,forcedReload为true,表示重新从服务器加载页面,为false那可以从浏览器的缓存里加载页面。forcedReload默认值为false。

window.location.reload()
window.location.reload(true)

版权声明:著作权归作者所有。

相关推荐

纯JavaScript检测页面是否加载完成(理解JavaScript页面加载事件)

JavaScript与页面加载相关的事件先介绍JavaScript与页面加载相关的几个事件:document.readystatechangereadystatechage事件会监控document.readyState。readyState有三个值:loading:文档正在加载interactive:文档已加载完成且已被解析,但子资源(如image,css,iframe等)仍在加载。comple

微信小程序页面跳转的几种方法

本文总结了微信小程序页面跳转分为这几种类型:navigate:跳转页面,并保留当前页面。前一个页面可以使用navigateBack类型的跳转退回。redirect:关闭当前页面,然后跳转到新页面。switchTab:跳转到tabBar页面(在app.json中注册过的tabBar页面),同时关闭其他非tabBar页面。navigateBack:页面退回。微信原生提供的APInavigateTowx

PC端禁止页面缩放(原生JavaScript)

在PC端缩放浏览器的页面主要有三种方式:Ctrl + (+/-)组合Ctrl + 鼠标轮滑浏览器菜单我们是禁止不了用户通过浏览器缩放页面,只能通过对有键盘或鼠标事件的快捷方式做监控,从而实现禁止缩放的快捷方式。禁止Ctrl + (+/-)组合document.addEventListener('keydown', functio

MySQL:datetime与timestamp的区别及使用选择

datetime与timestamp的区别1、存储空间不同在MySQL,timestamp在内部存储为整型,占用4个字节,而datetime占用8个字节。2、存储方式不同timestamp存储时,会从插入时间的客户端时区转换为UTC(世界标准时间)时间存储,而datetime不会做时间的转换直接存储。3、存储的时间范围不同timestamp:UTC时间,1970-01-01 00:00:

JavaScript Array map()函数的用法及误用

Array的map()函数作用是一个数组映射为另一个数组,映射方式是以原数组的元素作为输入,使用提供的回调函数对输入元素处理,处理后返回的结果作为新数组的元素。基本语法var new_array = arr.map(function callback(currentValue, index, array) {  &nb