快捷導(dǎo)航

JavaScript使用cookie記錄臨時(shí)訪客信息的方法

更新時(shí)間：2015年04月07日 10:24:57 作者：work24

這篇文章主要介紹了JavaScript使用cookie記錄臨時(shí)訪客信息的方法,涉及javascript操作cookie的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JavaScript使用cookie記錄臨時(shí)訪客信息的方法。分享給大家供大家參考。具體分析如下：

這里用戶第一次訪問網(wǎng)頁(yè)時(shí)會(huì)提示用戶輸入一個(gè)昵稱，然后寫入cookie，當(dāng)用戶再次來(lái)到時(shí)會(huì)讀取cookie信息，提取用戶昵稱，歡迎用戶的到來(lái)

<!DOCTYPE html>
<html>
<head>
<script>
function getCookie(c_name)
{
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1)
 {
 c_start = c_value.indexOf(c_name + "=");
 }
if (c_start == -1)
 {
 c_value = null;
 }
else
 {
 c_start = c_value.indexOf("=", c_start) + 1;
 var c_end = c_value.indexOf(";", c_start);
 if (c_end == -1)
  {
  c_end = c_value.length;
  }
 c_value = unescape(c_value.substring(c_start,c_end));
 }
return c_value;
}
function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}
function checkCookie()
{
var username=getCookie("username");
if (username!=null && username!="")
 {
 alert("Welcome again " + username);
 }
else
 {
 username=prompt("Please enter your name:","");
 if (username!=null && username!="")
  {
  setCookie("username",username,365);
  }
 }
}
</script>
</head>
<body onload="checkCookie()">
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Lerna入門之管理TypeScript monorepo教程
這篇文章主要為大家介紹了Lerna入門之管理TypeScript monorepo教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
javascript 判斷中文字符長(zhǎng)度的函數(shù)代碼
在很多時(shí)候,我們?cè)谶M(jìn)行數(shù)據(jù)提交數(shù)據(jù)庫(kù)時(shí).先會(huì)用javascript對(duì)其進(jìn)行有效性驗(yàn)證.如一個(gè)中文javascript為的length是1.但是數(shù)據(jù)庫(kù)中會(huì)占二個(gè)字節(jié).容易出錯(cuò)
2012-08-08
詳解JavaScript邏輯And運(yùn)算符
這篇文章主要介紹了JavaScript邏輯And運(yùn)算符，在JavaScript中，邏輯 AND 運(yùn)算符用雙和號(hào)（&&）表示
2015-12-12
使用TypeScript在接口中定義靜態(tài)方法詳解
當(dāng)我們談?wù)撁嫦驅(qū)ο缶幊虝r(shí),最難理解的事情之一就是靜態(tài)屬性與實(shí)例屬性的概念,尤其是當(dāng)我們?cè)噲D在靜態(tài)類型的基礎(chǔ)上進(jìn)行動(dòng)態(tài)語(yǔ)言類型化時(shí),在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下
2023-10-10
JavaScript獲取文本框內(nèi)選中文本的方法
這篇文章主要介紹了JavaScript獲取文本框內(nèi)選中文本的方法,實(shí)例分析了javascript通過onclick獲取文本框選中文本的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
常用原生JS兼容性寫法匯總
這篇文章主要為大家詳細(xì)匯總了常用原生JS兼容性寫法，感興趣的小伙伴們可以參考一下
2016-04-04
javascript常用方法總結(jié)
經(jīng)常使用的一些javascript方法，今天總結(jié)了一下，以便以后查詢，有需要的小伙伴可以參考下。
2015-05-05
uni-app設(shè)置緩存過期時(shí)間的操作方法
uni-app 是一個(gè)使用 Vue.js 開發(fā)所有前端應(yīng)用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序,本文給大家介紹了uni-app設(shè)置緩存過期時(shí)間的操作方法,需要的朋友可以參考下
2024-12-12
JS使用正則表達(dá)式除去字符串中重復(fù)字符的方法
這篇文章主要介紹了JS使用正則表達(dá)式除去字符串中重復(fù)字符的方法,以一個(gè)簡(jiǎn)單實(shí)例分析了JavaScript中正則過濾的相關(guān)使用技巧,需要的朋友可以參考下
2015-11-11
js驗(yàn)證框架之RealyEasy驗(yàn)證詳解
這篇文章主要為大家詳細(xì)介紹了js驗(yàn)證框架之RealyEasy驗(yàn)證，記錄了RealyEasy驗(yàn)證的使用步驟，感興趣的小伙伴們可以參考一下
2016-06-06