我有以下代码

<html>
    <head>
        <script>
            var m=0;
            function add() {
                m++;
            }
        </script>
    </head>
    <body>
        <button onclick="add();">click</button>
    </body>
</html>

但是,如果刷新页面,则m的值再次从0开始。如何在客户端计算机上每次页面加载之间保持m的值?

最佳答案

您可以使用javascript中的cookie。检查此链接。

http://www.w3schools.com/js/js_cookies.asp

这是工作代码示例:

<html>
<head>
<script>
var m=getCookie("m");
if(isNaN(m)) {
    m=0;
}
function add()
{
    m++;
    alert(m);
    setCookie("m",m,86400);
}

function setCookie(c_name,value,exdays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
    x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
    y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
    x=x.replace(/^\s+|\s+$/g,"");
    if (x==c_name)
    {
            return unescape(y);
        }
    }
}
</script>
<body>
<button onclick="add();">click</button>
</body>
</html>

10-02 14:41