一个页面如何获得一个被另一个页面修改的js文件里的变量值？

Question

1.有一个data.js文件，只定义了一个变量 var project={}

2.a.html引用data.js <script src="../js/data.js"></script>，在a.html里有一函数从服务器获得返回值并赋值给data.js中的变量project

       browse:function (pro) {

            project=pro;//a.html未定义porject，在此编译器也提示此为data.js的project

            console.log(pro);

            console.log(project);

            window.open('test.html');

        },

     

控制台打印，pro，project，有值且相等。

3.test.html同样引用了data.js <script src="../js/data.js"></script>，在a.html中跳转到test.html，test.html打印project却为空，怎么解决？

Answer 1

// 如果 pro是个对象的话// a.htmlwindow.localStorage.setItem('data',JSON.stringify(pro))// test.htmlvar data = JSON.parse(window.localStorage.getItem('data'))

Answer 2

用localstronge来解决

Answer 3

至少有3种方式1.存cookie2.存localStorage3.先保存在服务器session中再从里面取