JS实现页面跳转并对新页面进行操作

页面之间的js不互通，很难拿到另一个页面的数据并进行操作，但是session是可以共享的，我们可以在session中传一个值，然后再另一个页面进行判断接收，在新的页面中写好触发事件，就可以实现基本的触发新页面事件（但是感觉有点卡顿）

例如：实现点击主页的“我的订单”，跳转到“个人中心”页面，然后在个人中心页面再次触发点击事件“我的订单”，完成操作

tips1 主页：

tips2 个人中心：

tips3 我的订单：

代码实现：

当前页面：

var toUser = function(){window.location ="user.html"; //跳转到个人中心页面sessionStorage.setItem("function","test"); //test是接收的值，可自定义
}
//我的订单点击事件
$("#my_orders").click(function(){ toUser();
})

新页面：

var fn= sessionStorage.getItem("function")
if(fn === 'test'){
$("#my_orders").click() //个人中心页面触发“我的订单”点击事件
}

JS实现页面跳转并对新页面进行操作相关推荐

js页面跳转和打开新页面
第一种: <script language="javascript" type="text/javascript"> ...
js 页面跳转两种方式（原页面跳转，打开新标签页）
1 页面跳转(原页面跳转) (1)a标签实现 <a href="https://blog.csdn.net/qq_38974638">旭东怪的博客</a> ...
vue 路由跳转并打开新页面
let id ='123'; const {href} = this.$router.resolve( { path: '/home/test',query: {id: id}} ) window.o ...
页面跳转与打开新窗口的方法---前端
JS页面跳转与打开新窗口的方法-前端 JS页面跳转与打开新窗口的方法-前端## 标题
vue 路由跳转页面打开新页面_vue-router跳转时打开新页面的两种方法
vue-router跳转时打开新页面的两种方法最近还是在痛苦的挣扎中挣扎吧记录一下在vue项目中如何实现跳转到一个新页面(一个比较简单又比较基础的问题了),有两个方法: 1.标签实现新窗口打开 ...
vue页面跳转后返回原页面初始位置
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
php跳转到另外一个方法,PHP 页面跳转到另一个页面的多种方法方法总结
PHP 页面跳转到另一个页面的多种方法方法总结一用 HTTP 头信息也就是用 PHP 的 HEADER 函数 PHP 里的 HEADER 函数的作用就是向浏览器发出由 HTTP 协议规定的本来应该 ...
vue中页面跳转传值_vue的页面跳转方式和传值、取值
写业务中,从一个页面跳转到另一个页面,经常需要传值和取值,如何实现? 1.通过router-link进行跳转,传递方式: 使用query传递参数,路由必须使用path引入, 使用params传递参数, ...

JS实现页面跳转并对新页面进行操作

JS实现页面跳转并对新页面进行操作相关推荐

最新文章

热门文章