如何在JavaScript中创建和读取Cookie中的值?
创建cookie
创建cookie的最简单方法是为document.cookie对象分配一个字符串值,如下所示:
document.cookie = "key1=value1;key2=value2;expires=date";
这里的“ expires”属性是可选的。如果为该属性提供有效的日期或时间,则cookie将在给定的日期或时间到期,此后,将无法访问cookie的值。
示例
请尝试以下方法。它在输入cookie中设置客户名称。
<html><head>
<script>
<!--
function WriteCookie() {
if( document.myform.customer.value == "" ) {
alert("输入一些值!");
return;
}
cookievalue= escape(document.myform.customer.value) + ";";
document.cookie="name=" + cookievalue;
document.write ("Setting Cookies : " + "name=" + cookievalue );
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
Enter name: <input type="text" name="customer"/>
<input type="button" value="Set Cookie" onclick="WriteCookie();"/>
</form>
</body>
</html>
阅读饼干
由于document.cookie对象的值,读取cookie就像编写一个cookie一样简单。因此,只要您想访问cookie,就可以使用此字符串。document.cookie字符串将保留由分号分隔的name = value对的列表,其中name是cookie的名称,value是其字符串值。
示例
您可以尝试运行以下代码来读取Cookie
<html><head>
<script>
<!--
function ReadCookie() {
var allcookies = document.cookie;
document.write ("All Cookies : " + allcookies );
//获取数组中的所有cookie对
cookiearray = allcookies.split(';');
//现在从该数组中取出键值对
for(var i=0; i<cookiearray.length; i++) {
name = cookiearray[i].split('=')[0];
value = cookiearray[i].split('=')[1];
document.write ("Key is : " + name + " and Value is : " + value);
}
}
//-->
</script>
</head>
<body>
<form name="myform" action="">
<p> click the following button and see the result:</p>
<input type="button" value="Get Cookie" onclick="ReadCookie()"/>
</form>
</body>
</html>
以上是 如何在JavaScript中创建和读取Cookie中的值? 的全部内容, 来源链接: utcz.com/z/317008.html