JS 操作Cookies 存取数组形式

最新推荐文章于 2022-10-21 16:02:01 发布

yhhn_dragon

最新推荐文章于 2022-10-21 16:02:01 发布

阅读量1.3k

点赞数 1

分类专栏： web js 文章标签： cookies javascript function button null div

本文链接：https://blog.csdn.net/yhhn_dragon/article/details/7361007

版权

web js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>JS+Cookiesm</title>
<script type="text/javascript" language="javascript" src="http://tg.yescar.cn/js/jquery-1.4.2.min.js" ></script>
</head>
<body>
<script>
//cookie相关函数
// -----------------------------------------------------------
 var CookieCars = {
	setCookie: function(name, value) {
		expiryday = new Date();
		expiryday.setTime(expiryday.getTime() + 30 * 30 * 24 * 60 * 60 * 1 * 1000);
		document.cookie = name + "=" + escape(value) + "; expires=" + expiryday.toGMTString();
	},

	getCookie: function(name) {
		var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));

		if (arr != null) {
			return unescape(arr[2]);
		}
		return null;
	},

	clearCookie: function(name) {
	  var exp = new Date(); 
		exp.setTime(exp.getTime() - 1); 
		var cval = CookieCars.getCookie(name); 
		if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString(); 
	}
};

//-------------------------------------------------------------------

function addCarToYescar(id, name) {
	var Yescar = CookieCars.getCookie("ActiveNewYescar");
	var com_arr = null;
	if (Yescar) {
		com_arr = Yescar.split("|");
		if (com_arr.length >= 10) {
			alert("对比车型不能多于10个");
		
			return;
		}
		if (Yescar.indexOf("id" + id + ",") >= 0) {
			alert("您选择的车型,已经在对比列表中!");
		
			return;
		}
	}
	else {
		com_arr = new Array();
	}
	com_arr.push('id' + id + ',' + name);
	CookieCars.clearCookie("ActiveNewYescar");
	CookieCars.setCookie("ActiveNewYescar", com_arr.join("|"));
	showCarsLi() ;
}
					   
	function showCarsLi() {

	var Yescar = CookieCars.getCookie("ActiveNewYescar");
	//if (!WaitYescarObj.IDListULObj) {
	//	if (document.getElementById('idListULForWaitYescar'))
	//	{ WaitYescarObj.IDListULObj = document.getElementById('idListULForWaitYescar'); }
	//	else
	//	{ return; }
	//}
	if (Yescar) {
		$("#div1").html('');
		var com_arr = Yescar.split("|");
		var tempHTML = new Array();
		for (var i = 0; i < com_arr.length; i++) {
			var id = com_arr[i].split(",")[0].substring(2, com_arr[i].split(",")[0].length);
			var name = com_arr[i].split(",")[1];
			//startCarCsInfoRequestForWaitYescar(id);
			//if (WaitYescarObj.CsName != "" && WaitYescarObj.CsAllSpell != "") {
			//	tempHTML.push("<li><a href=\"http://car.bitauto.com/" + WaitYescarObj.CsAllSpell + "/m" + id + "/\">" + WaitYescarObj.CsName + " " + name + "</a><div class=\"bnt_YescarClose\" οnclick=\"javascript:delYescar('" + id + "','" + name.replace("'", "’") + "');\">删除</div></li>");
			//}
			//else {
				tempHTML.push("<li><a href=\"\">" + name + "</a><a href=\"javascript:void('0')\"  οnclick=\"javascript:delYescar('" + id + "','" + name.replace("'", "’") + "');\">删除</a></li>");
			//}
			// 综述页已添加的变更
			$("#div1").html(tempHTML.join(""));
			
		}

	
	}
}

 function delYescar(id, name) {
	var Yescar = CookieCars.getCookie("ActiveNewYescar");
	com_new_arr = new Array();
	if (Yescar) {
		var com_arr = Yescar.split("|");
		for (var i = 0; i < com_arr.length; i++) {
			if (com_arr[i].indexOf("id" + id + ",") < 0) {
				com_new_arr.push(com_arr[i]);
				}
			}
		}
		CookieCars.clearCookie("ActiveNewYescar");
		CookieCars.setCookie("ActiveNewYescar", com_new_arr.join("|"));
		showCarsLi();
	}

	$(document).ready(function(){
showCarsLi();
});

	function AddSelect() 
	{
	//alert(obj.id);
				  //alert($("#"+obj.id+"").val())
				  //alert($("#idSelect").text());
				 // var item = $("select[@name=items] option[@selected]").text()
				// alert($("#idSelect option:selected").text());
				addCarToYescar($("#idSelect").val(),$("#idSelect option:selected").text());
	}

	function Clear()
	{
		CookieCars.clearCookie("ActiveNewYescar");
		showCarsLi();
	}
	 

</script>
		  <div id="div1">
			
		  
		  </div>

		  <div>
				
		  	  
		  <a href="javascript:void(0)" οnclick="addCarToYescar('123423','宝马11320')" target="_bank" >werwer</a>
			<a href="javascript:void(0)" οnclick="addCarToYescar('134123','黑马222王子')" target="_bank" >werwer</a>
		   <a href="javascript:void(0)" οnclick="addCarToYescar('5223','天22朝')" target="_bank" >werwer</a>
		    <a href="javascript:void(0)" οnclick="addCarToYescar('4122','米22娜')" target="_bank" >werwer</a>

			<select id="idSelect">
				<option value="112">天朝帝都</option>
				<option value="1212">黑色流金</option>
			</select>
			<select id="idSelect2">
				<option value="3457">晓风残月</option>
				<option value="1212">飞龙在天</option>
			</select>
			<button type="button" οnclick="AddSelect()" class="button">添加</button>
			<input type="button" οnclick="Clear()" value="清除"></input>
		  </div>
</body > 
</html>

yhhn_dragon

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 操作Cookies 存取数组形式

JS+Cookiesm//cookie相关函数// ----------------------------------------------------------- var CookieCars = { setCookie: function(name, value) { expiryday = new Date(); expiryday.setTime(expiry
复制链接

扫一扫

专栏目录