<script>
//封装函数 setCookie(名,值,过期时间) 并编码
function setCookie(key,value,expires){
var day=new Date()
day.setDate(day.getDate()+expires)
document.cookie=encodeURIComponent(key)+"="+encodeURIComponent(value)+";expires="+day
}
//访问 setCookie()，并赋值
setCookie('name','叶艳霞',10)
//打印 cookie 并解码，获得包含所有 cookie 名值对的字符串
document.write(decodeURIComponent(document.cookie))
</script>

<script>
//访问 setCookie()，并赋值，产生更多 Cookie
setCookie('name','叶艳霞',10)
setCookie('qq','48104157',10)
setCookie('email','48104157@qq.com',10)
//获取 Cookie 值函数 ： name 参数是要查找的 Cookie 名，函数返回 Cookie 值
function getCookie(name){
//拆分 Cookie：以 split 方法分割字符串为数组，(;空格)为分割界限，得到的数组中包含多组 Cookie 名值对字符串
var arrStr=document.cookie.split('; ')
//for 循环遍历数组
for(var i=0;i<arrStr.length;i++){
//拆分每组名值对字符串为数组：split 方法分割字符串为数组，以 (=) 为分割界限，得到的数组中包含 2 组字符串
var arr=arrStr[i].split('=')
//如果找到要查找的 Cookie 名就返回它的值，跳出函数
if(arr[0]==name){return decodeURIComponent(arr[1])}
}
//没找到就返回空字符串，跳出函数
return ''
}
//访问 getCookie(name) 带入参数为要查询的 Cookie 名，并解码获得 cookie 值
document.write(getCookie('name'),'<br>')
document.write(getCookie('qq'),'<br>')
document.write(getCookie('email'),'<br>')
</script>

<script>
//删除 Cookie 函数
function removeCookie(name){
//访问 setCookie() 函数，时长为 -1
setCookie(name,'',-1)
}
//访问 removeCookie() 函数，带入参数为要删除的 Cookie 名
removeCookie('name')
removeCookie('qq')
//打印 cookie 并解码，获得包含所有 cookie 名值对的字符串
document.write(decodeURIComponent(document.cookie))
</script>