欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript學(xué)習(xí)筆記（七）利用javascript來(lái)創(chuàng)建和存儲(chǔ)cookie

 更新時(shí)間：2011年04月08日 00:31:54   作者：  
今天把javascript如何用來(lái)創(chuàng)建及存儲(chǔ)cookie復(fù)習(xí)了一下，其中的一點(diǎn)體會(huì)拿出來(lái)和大家討論，懇請(qǐng)高手指點(diǎn)一二。
首先看一下基礎(chǔ)知識(shí)：
1、什么是cookie
cookie 是存儲(chǔ)于訪問(wèn)者的計(jì)算機(jī)中的變量。每當(dāng)同一臺(tái)計(jì)算機(jī)通過(guò)瀏覽器請(qǐng)求某個(gè)頁(yè)面時(shí)，就會(huì)發(fā)送這個(gè) cookie。你可以使用 JavaScript 來(lái)創(chuàng)建和取回 cookie 的值
2、有關(guān)cookie的例子：
•名字 cookie 當(dāng)訪問(wèn)者首次訪問(wèn)頁(yè)面時(shí)，他或她也許會(huì)填寫(xiě)他/她們的名字。名字會(huì)存儲(chǔ)于 cookie 中。當(dāng)訪問(wèn)者再次訪問(wèn)網(wǎng)站時(shí)，他們會(huì)收到類(lèi)似 "Welcome John Doe!" 的歡迎詞。而名字則是從 cookie 中取回的。
•密碼 cookie 當(dāng)訪問(wèn)者首次訪問(wèn)頁(yè)面時(shí)，他或她也許會(huì)填寫(xiě)他/她們的密碼。密碼也可被存儲(chǔ)于 cookie 中。當(dāng)他們?cè)俅卧L問(wèn)網(wǎng)站時(shí)，密碼就會(huì)從 cookie 中取回。
•日期 cookie 當(dāng)訪問(wèn)者首次訪問(wèn)你的網(wǎng)站時(shí)，當(dāng)前的日期可存儲(chǔ)于 cookie 中。當(dāng)他們?cè)俅卧L問(wèn)網(wǎng)站時(shí)，他們會(huì)收到類(lèi)似這樣的一條消息："Your last visit was on Tuesday August 11, 2005!"。日期也是從 cookie 中取回的。
下面來(lái)創(chuàng)建一個(gè)cookie的實(shí)例，如何來(lái)創(chuàng)建cookie及取出cookie
javascript部分代碼：
復(fù)制代碼 代碼如下:

//創(chuàng)建cookie
function setCookie(name, value, expireday) {
var exp = new Date();
exp.setTime(exp.getTime() + expireday*24*60*60*1000); //設(shè)置cookie的期限
document.cookie = name+"="+escape(value)+"; expires"+"="+exp.toGMTString();//創(chuàng)建cookie
}
//提取cookie中的值
function getCookie(name) {
var cookieStr = document.cookie;
if(cookieStr.length > 0) {
var cookieArr = cookieStr.split(";"); //將cookie信息轉(zhuǎn)換成數(shù)組
for (var i=0; i<cookieArr.length; i++) {
var cookieVal = cookieArr[i].split("="); //將每一組cookie(cookie名和值)也轉(zhuǎn)換成數(shù)組
if(cookieVal[0] == name) {
return unescape(cookieVal[1]); //返回需要提取的cookie值
}
}
}
}
//測(cè)試cookie
function checkCookie() {
var cookieUser = document.getElementById("cookieUser");
var userName = getCookie("userName");
if(userName) {
cookieUser.innerHTML = "您好"+userName+"，歡迎再次回來(lái)！";
} else {
var value = prompt("請(qǐng)輸入用戶名", "");
if(value) {
setCookie('userName', value, 1);
} else {
alert("請(qǐng)輸入用戶名！");
}
}
}

主要在于如何提取我們需要的cookie信息，在本例的getCookie函數(shù)中主要是將cookie信息轉(zhuǎn)化成數(shù)組的方式來(lái)查找我們需要提取的cookie值。還可以通過(guò)正則表達(dá)式的方式來(lái)匹配，如下：
復(fù)制代碼 代碼如下:

function getCookie(name) {
var cookieStr = document.cookie;
var cookieArr = cookieStr.match(new RegExp(name+"=[a-zA-Z0-9]*;$"));
var cookieVal = cookieArr.split("=");
if(cookieVal[0] == name) {
return unescape(cookieVal[1]);
}
}

比如在這個(gè)例子中，如果打開(kāi)瀏覽器中沒(méi)有存儲(chǔ)名為userName的cookie，則會(huì)提示用戶輸入用戶名，再次刷新頁(yè)面時(shí)則會(huì)顯示輸入的cookie值。
最后我們可以測(cè)試一下代碼：
復(fù)制代碼 代碼如下:

<body onload="checkCookie()">
<p id="cookieUser"></p>
</body>

相關(guān)文章

  • javascript Array.prototype.slice的使用示例

    javascript Array.prototype.slice的使用示例

    javascript Array.prototype.slice除了常見(jiàn)的從某個(gè)數(shù)組中抽取出新的數(shù)組外，它還有一些其他的用法,下面就為大家講這些妙用
    2013-11-11
  • 25個(gè)好玩的JavaScript小游戲分享

    25個(gè)好玩的JavaScript小游戲分享

    JavaScript 早已不只是一門(mén)寫(xiě)寫(xiě)網(wǎng)頁(yè)特效的腳本語(yǔ)言了，如今廣泛用于網(wǎng)站的前端交互。
    2011-04-04
  • JavaScript中判斷的優(yōu)雅寫(xiě)法示例

    JavaScript中判斷的優(yōu)雅寫(xiě)法示例

    判斷語(yǔ)句這個(gè)我們不陌生,就是判斷是否滿足指定的條件,如果滿足則執(zhí)行一定的代碼,否則跳過(guò),下面這篇文章主要給大家介紹了關(guān)于JavaScript中判斷的優(yōu)雅寫(xiě)法,需要的朋友可以參考下
    2021-10-10
  • JavaScript面試之如何實(shí)現(xiàn)數(shù)組拍平（扁平化）方法

    JavaScript面試之如何實(shí)現(xiàn)數(shù)組拍平（扁平化）方法

    數(shù)組扁平化是指將一個(gè)多維數(shù)組變?yōu)橐痪S數(shù)組,下面這篇文章主要給大家介紹了關(guān)于JavaScript面試之如何實(shí)現(xiàn)數(shù)組拍平（扁平化）方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2021-11-11
  • JS如何設(shè)置元素樣式的方法示例

    JS如何設(shè)置元素樣式的方法示例

    本篇文章主要介紹了JS如何設(shè)置元素樣式的方法示例，主要介紹了三種方法，具有一定的參考價(jià)值，有興趣的可以了解一下
    2017-08-08
  • 微信JS-SDK自定義分享功能實(shí)例詳解【分享給朋友/分享到朋友圈】

    微信JS-SDK自定義分享功能實(shí)例詳解【分享給朋友/分享到朋友圈】

    這篇文章主要介紹了微信JS-SDK自定義分享功能,結(jié)合實(shí)例形式分析了基于JS-SDK接口實(shí)現(xiàn)的分享給朋友及分享到朋友圈等功能的相關(guān)配置文件與數(shù)據(jù)操作技巧,需要的朋友可以參考下
    2016-11-11
  • Canvas + JavaScript 制作圖片粒子效果

    Canvas + JavaScript 制作圖片粒子效果

    本文將詳細(xì)介紹Canvas + JavaScript 制作圖片粒子效果的方法。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧
    2017-02-02
  • Javascript淺析執(zhí)行機(jī)制的詳情

    Javascript淺析執(zhí)行機(jī)制的詳情

    這篇文章主要介紹了JavaScript執(zhí)行機(jī)制，想要搞懂JavaScript執(zhí)行機(jī)制，便與進(jìn)程與線程的概念脫不了干系，下面我們就來(lái)看看這JavaScript執(zhí)行機(jī)制的具體介紹吧,需要的朋友可以參考一下
    2022-08-08
  • JS幻想 讀取二進(jìn)制文件

    JS幻想 讀取二進(jìn)制文件

    如果說(shuō)讓JavaScript讀取站點(diǎn)上一文本文件,那不過(guò)是個(gè)再簡(jiǎn)單不了的事了；但若說(shuō)要換成一個(gè)二進(jìn)制的文件，并且是完全靜態(tài)的讀取,那似乎有點(diǎn)天方夜譚了。
    2009-04-04
  • js分解url參數(shù)（面向?qū)ο?極簡(jiǎn)主義法應(yīng)用）

    js分解url參數(shù)（面向?qū)ο?極簡(jiǎn)主義法應(yīng)用）

    剛看到笑看風(fēng)云寫(xiě)的JavaScript面向?qū)ο?極簡(jiǎn)主義法)和一個(gè)分解url參數(shù)面試題，我作了一下修改，記錄下來(lái)
    2012-08-08

最新評(píng)論