帮忙写一段html个js的代码吧！比较简单的，我好学习一下！
在网页上显示：人数：0(按钮:人数+1）（按钮：人数-1）通过按后面的两个按钮可以增加和减少前面人数后面的数字。下一个我想实现的是可以把当前的人数存在cookie中，然后...
在网页上显示：
人数：0 (按钮:人数+1）（按钮：人数-1）
通过按后面的两个按钮可以增加和减少前面人数后面的数字。
下一个我想实现的是可以把当前的人数存在cookie中，然后刷新网页可以显示上次的人数值
求完整的html和js的代码，复制来可以直接运行的。
多谢啦~~ 展开
人数：0 (按钮:人数+1）（按钮：人数-1）
通过按后面的两个按钮可以增加和减少前面人数后面的数字。
下一个我想实现的是可以把当前的人数存在cookie中，然后刷新网页可以显示上次的人数值
求完整的html和js的代码，复制来可以直接运行的。
多谢啦~~ 展开
1个回答
展开全部
如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>demo</title>
<script type="text/javascript">
var count = 0; //人数
//写 Cookie
function setCookie(name,value) {
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取 cookie
function getCookie(name) {
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg)) {
return unescape(arr[2]);
} else {
return null;
}
}
//人数+1
function increase() {
setCookie("count", ++count);
var msg = document.getElementById("msg");
msg.innerText = "人数：" + count;
}
//人数-1
function decrease() {
setCookie("count", --count);
var msg = document.getElementById("msg");
msg.innerText = "人数：" + count;
}
window.onload = function() {
//页面加载时从cookie加载人数
count = getCookie("cookie");
if(count == null) {
count = 0;
}
var msg = document.getElementById("msg");
msg.innerText = "人数：" + count;
}
</script>
</head>
<body>
<span id="msg">人数：0</span>
<button onclick="increase()">人数+1</button>
<button onclick="decrease()">人数-1</button>
</body>
</html>
</html>
只放到Web服务器上时，Cookie才会生效。
追问
非常好用，十分感谢，请问如果我要在自己电脑上调试cookie，怎么操作，需要先架设一个web服务器吗？有没有简单的方法？
追答
是的，必须架设一个Web服务器，简单一点可以用windows的IIS,这个也需要设置一下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
