0

我通过尝试制作网店购物车来了解 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')">
4

0 回答 0