求一JS操作Cookie实例

其实就是要实现一个购物车功能，现在求一最简洁的无错实例。
需求：
1.假如页面上有3个商品，点击商品按钮，触发函数，实现将商品ID及购买数量写入Cookie；
2.点击删除商品按钮，触发函数，实现从Cookie中删除该商品ID及购买数量；
3.唯一性检查，防止点击同一商品，Cookie中出现两条以上记录，Cookie中已存在的记录，如果多次点击同一商品，将最后一次点击的商品ID及数量写入Cookie中；
4.超时时间为关闭浏览器即清空Cookie；请大侠给封装成函数就行，页面上的按钮等html就不用写了，呵呵。但是如果给出一直接在editplus中粘贴运行成功，无错误，满足上述需求的，追加100分！

解决方案 »

  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=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function addCookie(){
    var id=document.getElementById("aid").value;
    var num=document.getElementById("num").value;
    document.cookie="num"+id+"="+num+"";
    }
    function getCookie(){
    var id=document.getElementById("qid").value;
    var fin="";
    var cookie=document.cookie;
    var begin=cookie.indexOf("num"+id);
    if(begin!=-1){
    var end=cookie.indexOf(";",begin);
    if(end!=-1){
    fin=cookie.substring(begin+("num"+id).length+1,end);
    }else{
    fin=cookie.substring(begin+("num"+id).length+1);
    }
    }
    alert(fin);
    return fin;
    }
    </script>
    </head><body>
    id:<input type="text" id="aid"/>
    num:<input type="text" id="num"/>
    <input type="button" value="add" onclick="addCookie()" />
    <br/>
    id:<input type="text" id="qid"/>
    <input type="button" value="queryNum" onclick="getCookie()" />
    </body>
    </html>
    大体这样试下  谷歌浏览器可能无效