欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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");
        }
    }