如何保存多个html页面中使用的javascript变量的状态

我正在尝试在phonegap中创建一个应用程序.我已经制作了一个custom.js javascript文件,其中包含一些函数

function func1(){....}
function func2(){....}

所有这些功能都将用于两个不同的html页面.在第一个HTML页面中,我在func1中使用了一个变量,它正在进行一些操作.在第二页中,我想在func2中以func1的状态访问它.但我无法做到.我在两个html页面中都包含custom.js.我已经读过,当在多个页面中使用时,javascript文件会被重置/刷新.任何人都可以给我一个例子,说明如何在func1中保存变量的状态,然后在func1中的func2(在不同的HTML页面中)访问该变量.我也读过有关视图状态的内容.但它对我来说都不起作用.请帮忙…

解决方法:

将值存储在localstorage中并从那里引用它.

function first() {
    localStorage.setItem('myItem', "something you want to store");
}

function second() {
    myValue = null;
    if (localStorage.getItem('myItem')) {
        myValue = localStorage.getItem('myItem');
    }
}