回退到首页，返回浏览器窗口历史第一页 js

开发需求点击关闭实现回到首页的功能？？？

methods: {closePage() {const historyLength = window.history.length;window.history.go(-(historyLength - 1));},
}


// 返回上一页
history.go(-1) // 返回上一页 || 返回上两个页面 .go(-2)
window.history.forward() // 返回下一页
window.history.go(num)  // num 可以为正数 也可以为负数window.location.go(-1) //刷新上一页
window.history.back() // 强行刷新// 刷新本页面
window.location.reload() //刷新当前页

查阅网站

补充以上是开发过程中写法，但是遇到bug 点击上图左侧返回 history.length中也会添加history导致length记录不准确

methods: {// 上图右上角的关闭 返回首页功能closePage() {const historyLength = window.historylen || window.history.length;window.history.go(parseInt(-(historyLength - 1)));},// 左上角的返回功能back() {// 定义全局变量 historylen 记录lengthwindow.historylen = window.historylen || window.history.length;window.historylen--;window.history.back();},},computed: {// 上图右侧关闭事件绑定 @click="handleDebounce"handleDebounce() {// debounce 防抖函数return _.debounce(this.closePage, 1000);},},

为什么要写防抖？
bug: 连续点击关闭按钮页面不会返回首页，直到停止点击后返回

回退到首页，返回浏览器窗口历史第一页 js相关推荐

java selenium常用API(WebElement、iFrame、select、alert、浏览器窗口、事件、js) 一
WebElement相关方法 1.点击操作 WebElement button = driver.findElement(By.id("login")); button.clic ...
JavaScript 技术篇-使用js代码获取浏览器窗口标题名，js获取页面URL地址
用 Google 页面来举例子,Google 是它的窗口标题名,https://www.google.com是它的页面 url 地址. document.title 可以用来获取窗口标题名. loca ...
02-selenium的进一步学习（控制浏览器窗口+）
1.控制浏览器窗口 WebDriver 提供的 set_window_size()方法可以用来设置浏览器窗口大小. """ * name → find_element_b ...
jq获取页面高度_通过 jQuery 获取浏览器窗口高度问题
我曾经在使用jQuery一些东西的时候碰到了这样一些奇怪的问题.例如,我尝试着用 jQuery 的 $(window).height() 来获取浏览器窗口高度,就遇到了问题. 理论上,$(window ...
微信小程序某个页面直接返回首页（微信小程序回退到首页）
微信小程序某个页面直接返回首页(微信小程序回退到首页) 打开小程序后,到三级页面后点击左上角的返回按钮,能够直接返回到首页正常 A -> B -> C 都是通过 wx.navigate ...
vue3.0，360、百度浏览器，点击回退会回退到首页
vue3.0,百度和360浏览器,点击回退按钮会回退多级或者回退到首页的 1:vue3.0,在使用element或者Ant的mun菜单的时候,在某些浏览器上不会产生历史记录,导致点击回退会直接回退到浏 ...
第一讲《javascript 浏览器发展历史》
javascript 浏览器发展历史 web 发展历史: mosaic (马萨克) 是互联网历史上第一个普遍使用和能够显示图片的网页浏览器 1993年问 ...
深入学习 History 对象管理浏览器会话历史
History对象允许我们操作浏览器会话历史,即加载当前页面的标签页窗口或frame窗口的访问历史.之前有同学咨询我如何实现拦截用户跳转页面并强制用户返回首页后重新请求页面,于是有了本篇博客的主题,本 ...
Javascript学习7 - 脚本化浏览器窗口
原文:Javascript学习7 - 脚本化浏览器窗口本节讨论了文档对象模型.客户端Javascript下Window中的各项属性,包括计时器.Location对象.Histroy对象.窗口.浏览器 ...
BOM 浏览器窗口尺寸浏览器的弹出层浏览器的地址栏浏览器的历史记录浏览器的版本信息浏览器的常见事件浏览器卷去的高度和宽度
浏览器窗口尺寸 + 指的是浏览器可视窗口的尺寸 + 浏览器可能会出现滚动条=> 在一般浏览器中,滚动条算浏览器的一部分=> 在MAC中的safari浏览器上,是不算的滚动条是隐形的 + ...

回退到首页，返回浏览器窗口历史第一页 js

开发需求点击关闭实现回到首页的功能？？？

回退到首页，返回浏览器窗口历史第一页 js相关推荐

最新文章

热门文章

回退到首页，返回浏览器窗口历史第一页 js

开发需求 点击关闭实现回到首页的功能 ？？？

回退到首页，返回浏览器窗口历史第一页 js相关推荐

最新文章

热门文章

开发需求点击关闭实现回到首页的功能？？？