html5 css3技术分享,HTML5/CSS3跨平台开发技术分享（二）

在上篇文章里，说cookie设置的时候，可以一次往cookie里放入几个值，用分号和空格"; " 隔开。我们用下上面的例子试下：

cookie test

function setCookie() {

document.cookie="userName=lzl; serId=123";

}

function showCookie() {

if (document.cookie)

{

alert(document.cookie)

}

else{alert("document.cookie 不存在");}

}

发现只在cookie里存入了第一个值userName，第二个值并没有存入，

这是因为在cookie的设置中，不允许出现分号，都好，空格，等号等符号，我们处理的方法是使用escape()函数进行编码。把特殊字符都表示成为%xx的形式，其中xx是十六进制数。比如说空格经过escape()方法编码以后返回"%20"。在读取值时，我们用unescape()方法进行解码，可以还原为我们想设置的样式。如下所示

cookie test

function setCookie() {

document.cookie="userName"+escape("=lzl; ")+"userId"+escape("=123");

}

function showCookie() {

if (document.cookie)

{

var ck = unescape(document.cookie);

alert(ck)

}

else{alert("document.cookie 不存在");}

}

显示效果如下：

实际上如果是这种简单的设置，我们用第一种方式设置比较方便。

在实际的操作中，可能有很多cookie名/值对。我们需要取其中的一个，但是cookie读取的时候一下会都读取出来，所以要用字符串的操作截取出来。cookie实际的存储是这样的 cookie="userName=lzl; uerId=123; aaa=bbb; cccc=dddd"也就是说，我们通过“； ”分号空格先分割下就可以把cookie的不同名值对。然后找到对应值。如下所示：

cookie test

显示结果如下：

下篇文章继续~今天先写到这里了。

摘自：http://hi.baidu.com/kuntakinte/item/863c01ff6574cfc10dd1c819