javaScript实现a页面触发b页面事件-小小笔记

本文探讨了如何在用户从A页面操作后,利用JavaScript在B页面自动执行一系列事件,如跳转、打开弹窗及定位到特定标签页。通过讨论实现原理与难点,包括条件判断、值传递方法及跨域解决方案,提供了使用Promise、Vue的$.nextTick及jQuery的.trigger()等实用技巧。

场景:用户从别的页面一次操作,实现如下场景:

1.跳转至我的上传页面;
2.打开我的上传弹窗页面;
3.并且停留在弹窗页面中的第n个页签。

实现原理:

1.a页面只实现跳转到b页面
2.b页面模拟触发一系列事件(页面加载时)
3.多个事件且套,依次实现

问题难点:

1.事件触发写在b页面,在加载是调用,需要加判断条件
2.判断条件需要从a页面传递
3.如果非跨域,可以使用本地存储传值:sessionStorage,localStorage
4.如果跨域,可以用window.name传值
5.b页面且套触发事件,可以用Promise,Vue中也可用$.nextTick(fn)
6.模拟触发事件,jquery中.trigger(‘fnName’)
7.触发事件完成后,记得清理window.name值

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值