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", ""); 
  }
}
相关文章
|
18天前
|
JavaScript 前端开发 容器
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
AJAX载入外部JS文件到页面并让其执行的方法(附源码)
18 0
|
1月前
|
JavaScript 前端开发 Java
springboot从控制器请求至页面时js失效的解决方法
springboot从控制器请求至页面时js失效的解决方法
15 0
springboot从控制器请求至页面时js失效的解决方法
|
1月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 004 我的第一个页面
编程笔记 html5&css&js 004 我的第一个页面
|
3月前
|
JavaScript
如何使用JS控制指定页面大小开启全屏和退出全屏
如何使用JS控制指定页面大小开启全屏和退出全屏
25 0
|
3月前
|
JavaScript 数据安全/隐私保护
|
3月前
|
JavaScript
如何在JS中实现修改URL参数而不刷新页面
如何在JS中实现修改URL参数而不刷新页面
62 1
|
1月前
|
JavaScript 前端开发
springboot+layui从控制器请求至页面时js失效的解决方法
springboot+layui从控制器请求至页面时js失效的解决方法
16 0
|
3月前
|
JavaScript Go
JS中页面跳转的几种方法
JS中页面跳转的几种方法
71 0
|
3月前
|
JavaScript
如何用js在页面中添加元素?
如何用js在页面中添加元素?
30 0
|
25天前
|
JavaScript 前端开发
JS:如何创建新元素并添加到页面中
JS:如何创建新元素并添加到页面中
24 1