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 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
4月前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
123 2
前端JS读取文件内容并展示到页面上
|
3月前
|
Web App开发 前端开发 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(一)
JavaScript动态渲染页面爬取——Selenium的使用(一)
77 4
|
3月前
|
Web App开发 数据采集 JavaScript
JavaScript动态渲染页面爬取——Selenium的使用(二)
JavaScript动态渲染页面爬取——Selenium的使用(二)
98 2
|
3月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
75 1
|
3月前
|
JavaScript 前端开发 API
JavaScript全屏,监听页面是否全屏
JavaScript全屏,监听页面是否全屏
69 0
|
3月前
|
JavaScript 前端开发 UED
JavaScript 地址信息与页面跳转
JavaScript 地址信息与页面跳转
47 0
|
3月前
|
前端开发 JavaScript
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
JavaScript动态渲染页面爬取——CSS位置偏移反爬案例分析与爬取实战
43 0
|
3月前
|
存储 JSON JavaScript
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
JavaScript动态渲染页面爬取——Pyppeteer爬取实战
45 0
|
4月前
|
JavaScript 前端开发
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中
[收藏]用JavaScript让弹出页面以最小化的形式出现在状态栏中