JS中从a页面跳转到b页面,自动执行一次点击事件

简介: JS中从a页面跳转到b页面,自动执行一次点击事件

在a页面点击的时候用sessionStorage 存取一个键值对,在b页面的onload中获取这个键名,如果值和在a页面存储的值一样,则触发需要的点击事件(模拟点击),触发之后销毁这个键名下的值,防止刷新的时候再次触发点击事件

a页面在点击函数中新建sessionStorage存值

sessionStorage.setItem('info', JSON.stringify(res.info));
              sessionStorage.setItem('list', JSON.stringify(res.list));
              sessionStorage.setItem("name","员工管理")
              sessionStorage.setItem("parent","员工管理")
              sessionStorage.setItem("path","/")

b页面的onload中获取这个键名

window.onload = function() {
  let path = sessionStorage.getItem("path");
  if (path == "/") {
    document.getElementsByClassName("box-item-list")[0].click()
    sessionStorage.setItem("path", ""); //销毁 from 防止在b页面刷新 依然触发$('#xxx').click()
  }
}

整体效果:

自动点击

a页面的JS:

sessionStorage.setItem('info', JSON.stringify(res.info));
              sessionStorage.setItem('list', JSON.stringify(res.list));
              sessionStorage.setItem("name","员工管理")
              sessionStorage.setItem("parent","员工管理")
              sessionStorage.setItem("path","/")

b页面的JS:

window.onload = function() {
  let path = sessionStorage.getItem("path");
  if (path == "/") {
    document.getElementsByClassName("box-item-list")[0].click()
    sessionStorage.setItem("path", ""); 
  }
}
相关文章
|
2月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
87 2
前端JS读取文件内容并展示到页面上
|
1月前
|
Web App开发 前端开发 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(一)
JavaScript动态渲染页面爬取——Selenium的使用(一)
|
1月前
|
Web App开发 数据采集 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(二)
JavaScript动态渲染页面爬取——Selenium的使用(二)
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
62 1
|
2月前
|
JavaScript 前端开发
js 回到页面顶部
本文提供了一个JavaScript函数`scrollToTop`,用于平滑滚动页面回到顶部。该函数利用`requestAnimationFrame`和`window.scrollTo`方法逐步减少滚动条距离,直到页面完全回到顶部。
31 1
|
1月前
|
JavaScript 前端开发 API
JavaScript全屏,监听页面是否全屏
JavaScript全屏,监听页面是否全屏
60 0
|
1月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
39 0
|
1月前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
|
1月前
|
存储 JSON JavaScript
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
|
2月前
|
JavaScript 前端开发
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中