js实现前端页面跳转后操作新页面
程序员文章站
2022-05-14 09:28:04
...
最近开发的时候遇到了一个需求,需要跳转到一个新页面后,程序自动控制新页面滚动到相应位置。实质上就是一个如何通过本页面的js触发其他页面的事件,这样一个问题。 网上找了一圈,并没有找到操作新页面的办法(或者有太麻烦了,不想看)
后来看到了篇文章(找不到了,就不放链接了),让我改变了想法。我没必要非得在本页面的js写方法来操作其他页面啊,页面之间的js代码不共用,但是session是共用的,我可以先在新页面写好需要触发的方法函数,再在session里面储存个值,传到新页面后用以判断需要什么函数,这样一样能实现触发新页面的功能。
以下是代码实例:
//当前页面
var toNew = function(){
window.location.href="new.jsp";
sessionStorage.setItem("function","one");
}
//新页面
window.onload = function() {
var function= sessionStorage.getItem("function");
if (function== 'one') {
//写上你要触发的事件
window.scrollTo(0,44);
sessionStorage.setItem("function","null");
} else if ( function== 'two' ){
//写上你要触发的事件
window.scrollTo(0,260);
sessionStorage.setItem("function","null");
} else if ( function== 'three' ){
//写上你要触发的事件
window.scrollTo(0,900);
sessionStorage.setItem("function","null");
} else {
sessionStorage.setItem("function","null");
}
}
下一篇: vue - 路由跳转新页面后回到顶部