我有以下代码
<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>