JavaScript使用cookie記錄臨時訪客信息的方法
更新時間：2015年04月07日 10:24:57 作者：work24
這篇文章主要介紹了JavaScript使用cookie記錄臨時訪客信息的方法,涉及javascript操作cookie的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了JavaScript使用cookie記錄臨時訪客信息的方法。分享給大家供大家參考。具體分析如下：
這里用戶第一次訪問網(wǎng)頁時會提示用戶輸入一個昵稱，然后寫入cookie，當用戶再次來到時會讀取cookie信息，提取用戶昵稱，歡迎用戶的到來
<!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>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
相關文章
Lerna入門之管理TypeScript monorepo教程
這篇文章主要為大家介紹了Lerna入門之管理TypeScript monorepo教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
在很多時候,我們在進行數(shù)據(jù)提交數(shù)據(jù)庫時.先會用javascript對其進行有效性驗證.如一個中文javascript為的length是1.但是數(shù)據(jù)庫中會占二個字節(jié).容易出錯2012-08-08
這篇文章主要介紹了JavaScript邏輯And運算符，在JavaScript中，邏輯 AND 運算符用雙和號（&&）表示2015-12-12
當我們談論面向對象編程時,最難理解的事情之一就是靜態(tài)屬性與實例屬性的概念,尤其是當我們試圖在靜態(tài)類型的基礎上進行動態(tài)語言類型化時,在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了JavaScript獲取文本框內選中文本的方法,實例分析了javascript通過onclick獲取文本框選中文本的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細匯總了常用原生JS兼容性寫法，感興趣的小伙伴們可以參考一下2016-04-04
經(jīng)常使用的一些javascript方法，今天總結了一下，以便以后查詢，有需要的小伙伴可以參考下。2015-05-05
uni-app 是一個使用 Vue.js 開發(fā)所有前端應用的框架,開發(fā)者編寫一套代碼,可發(fā)布到iOS、Android、Web（響應式）、以及各種小程序,本文給大家介紹了uni-app設置緩存過期時間的操作方法,需要的朋友可以參考下2024-12-12
這篇文章主要介紹了JS使用正則表達式除去字符串中重復字符的方法,以一個簡單實例分析了JavaScript中正則過濾的相關使用技巧,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細介紹了js驗證框架之RealyEasy驗證，記錄了RealyEasy驗證的使用步驟，感興趣的小伙伴們可以參考一下2016-06-06