JS 操作Cookies 存取数组形式

  1. <html>  
  2. <head>  
  3. <title>JS+Cookiesm</title>  
  4. <script type="text/javascript" language="javascript" src="http://tg.yescar.cn/js/jquery-1.4.2.min.js" ></script>  
  5. </head>  
  6. <body>  
  7. <script>  
  8. //cookie相关函数  
  9. // -----------------------------------------------------------  
  10.  var CookieCars = {  
  11.     setCookie: function(name, value) {  
  12.         expiryday = new Date();  
  13.         expiryday.setTime(expiryday.getTime() + 30 * 30 * 24 * 60 * 60 * 1 * 1000);  
  14.         document.cookie = name + "=" + escape(value) + "; expires=" + expiryday.toGMTString();  
  15.     },  
  16.   
  17.     getCookie: function(name) {  
  18.         var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));  
  19.   
  20.         if (arr != null) {  
  21.             return unescape(arr[2]);  
  22.         }  
  23.         return null;  
  24.     },  
  25.   
  26.     clearCookie: function(name) {  
  27.       var exp = new Date();   
  28.         exp.setTime(exp.getTime() - 1);   
  29.         var cval = CookieCars.getCookie(name);   
  30.         if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();   
  31.     }  
  32. };  
  33.   
  34. //-------------------------------------------------------------------  
  35.   
  36. function addCarToYescar(id, name) {  
  37.     var Yescar = CookieCars.getCookie("ActiveNewYescar");  
  38.     var com_arr = null;  
  39.     if (Yescar) {  
  40.         com_arr = Yescar.split("|");  
  41.         if (com_arr.length >= 10) {  
  42.             alert("对比车型不能多于10个");  
  43.           
  44.             return;  
  45.         }  
  46.         if (Yescar.indexOf("id" + id + ",") >= 0) {  
  47.             alert("您选择的车型,已经在对比列表中!");  
  48.           
  49.             return;  
  50.         }  
  51.     }  
  52.     else {  
  53.         com_arr = new Array();  
  54.     }  
  55.     com_arr.push('id' + id + ',' + name);  
  56.     CookieCars.clearCookie("ActiveNewYescar");  
  57.     CookieCars.setCookie("ActiveNewYescar", com_arr.join("|"));  
  58.     showCarsLi() ;  
  59. }  
  60.                          
  61.     function showCarsLi() {  
  62.   
  63.     var Yescar = CookieCars.getCookie("ActiveNewYescar");  
  64.     //if (!WaitYescarObj.IDListULObj) {  
  65.     //  if (document.getElementById('idListULForWaitYescar'))  
  66.     //  { WaitYescarObj.IDListULObj = document.getElementById('idListULForWaitYescar'); }  
  67.     //  else  
  68.     //  { return; }  
  69.     //}  
  70.     if (Yescar) {  
  71.         $("#div1").html('');  
  72.         var com_arr = Yescar.split("|");  
  73.         var tempHTML = new Array();  
  74.         for (var i = 0; i < com_arr.length; i++) {  
  75.             var id = com_arr[i].split(",")[0].substring(2, com_arr[i].split(",")[0].length);  
  76.             var name = com_arr[i].split(",")[1];  
  77.             //startCarCsInfoRequestForWaitYescar(id);  
  78.             //if (WaitYescarObj.CsName != "" && WaitYescarObj.CsAllSpell != "") {  
  79.             //  tempHTML.push("<li><a href=\"http://car.bitauto.com/" + WaitYescarObj.CsAllSpell + "/m" + id + "/\">" + WaitYescarObj.CsName + " " + name + "</a><div class=\"bnt_YescarClose\" onclick=\"javascript:delYescar('" + id + "','" + name.replace("'", "’") + "');\">删除</div></li>");  
  80.             //}  
  81.             //else {  
  82.                 tempHTML.push("<li><a href=\"\">" + name + "</a><a href=\"javascript:void('0')\"  onclick=\"javascript:delYescar('" + id + "','" + name.replace("'", "’") + "');\">删除</a></li>");  
  83.             //}  
  84.             // 综述页已添加的变更  
  85.             $("#div1").html(tempHTML.join(""));  
  86.               
  87.         }  
  88.   
  89.       
  90.     }  
  91. }  
  92.   
  93.  function delYescar(id, name) {  
  94.     var Yescar = CookieCars.getCookie("ActiveNewYescar");  
  95.     com_new_arr = new Array();  
  96.     if (Yescar) {  
  97.         var com_arr = Yescar.split("|");  
  98.         for (var i = 0; i < com_arr.length; i++) {  
  99.             if (com_arr[i].indexOf("id" + id + ",") < 0) {  
  100.                 com_new_arr.push(com_arr[i]);  
  101.                 }  
  102.             }  
  103.         }  
  104.         CookieCars.clearCookie("ActiveNewYescar");  
  105.         CookieCars.setCookie("ActiveNewYescar", com_new_arr.join("|"));  
  106.         showCarsLi();  
  107.     }  
  108.   
  109.     $(document).ready(function(){  
  110. showCarsLi();  
  111. });  
  112.   
  113.     function AddSelect()   
  114.     {  
  115.     //alert(obj.id);  
  116.                   //alert($("#"+obj.id+"").val())  
  117.                   //alert($("#idSelect").text());  
  118.                  // var item = $("select[@name=items] option[@selected]").text()  
  119.                 // alert($("#idSelect option:selected").text());  
  120.                 addCarToYescar($("#idSelect").val(),$("#idSelect option:selected").text());  
  121.     }  
  122.   
  123.     function Clear()  
  124.     {  
  125.         CookieCars.clearCookie("ActiveNewYescar");  
  126.         showCarsLi();  
  127.     }  
  128.        
  129.   
  130. </script>  
  131.           <div id="div1">  
  132.               
  133.             
  134.           </div>  
  135.   
  136.           <div>  
  137.                   
  138.                 
  139.           <a href="javascript:void(0)" onclick="addCarToYescar('123423','宝马11320')" target="_bank" >werwer</a>  
  140.             <a href="javascript:void(0)" onclick="addCarToYescar('134123','黑马222王子')" target="_bank" >werwer</a>  
  141.            <a href="javascript:void(0)" onclick="addCarToYescar('5223','天22朝')" target="_bank" >werwer</a>  
  142.             <a href="javascript:void(0)" onclick="addCarToYescar('4122','米22娜')" target="_bank" >werwer</a>  
  143.   
  144.             <select id="idSelect">  
  145.                 <option value="112">天朝帝都</option>  
  146.                 <option value="1212">黑色流金</option>  
  147.             </select>  
  148.             <select id="idSelect2">  
  149.                 <option value="3457">晓风残月</option>  
  150.                 <option value="1212">飞龙在天</option>  
  151.             </select>  
  152.             <button type="button" onclick="AddSelect()" class="button">添加</button>  
  153.             <input type="button" onclick="Clear()" value="清除"></input>  
  154.           </div>  
  155. </body >   
  156. </html>  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值