我通过尝试制作网店购物车来了解 cookie。
商店中的所有产品都有一个按钮,可以制作具有如下值的 cookie:
<input type="button" value="Set a Cookie" onClick="setCookie('myCookie','it is crunchy', exp)">
我还有一个按钮,可以将值(它很脆)打印到文本框(购物清单)。
现在,我希望 cookie 能够存储多个值(商店中的商品)。
这是代码:(从在线教程复制):
function setCookie(name, value, expires) {
document.cookie = name + "=" + escape(value) + "; path=/" + ((expires == null) ? "" : "; expires=" + expires.toGMTString());
}
var exp = new Date(); //set new date object
exp.setTime(exp.getTime() + (1000 * 60 * 60 * 24 * 30)); //set it 30 days ahead
function getCookie (name) {
var dc = document.cookie;
var cname = name + "=";
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
我应该补充一点,我还有另一个按钮可以将 cookie 值添加到文本框中,如下所示:
<input type="button" value="Get Cookie Value" onClick="this.form.tf.value = getCookie('myCookie')">