JS を使用して HTTP Cookie を操作する実装手順

Cookie には有効期間があることがわかっています。Cookie のデフォルトの有効期間は、Cookie が生成されてからブラウザが閉じられるまでです。有効期限をユーザーが指定できるように設定できます。 Cookie を無効にしたり、Cookie を手動で削除したりすることもできます。

Cookie は、キーと値のペアとしてコンピューターのハードドライブに保存される小さな情報の

文字列 です。Cookie の保存容量は、主にブラウザのメーカーによって若干異なります。 Cookie の本質は「識別」し、識別を通じて何かを行うことです。Cookie はハードドライブから他のデータを取得したり、コンピュータウイルスを送信したり、電子メールアドレスを取得したりすることはできません。 Cookie には有効期間があります。Cookie のデフォルトの有効期間は、Cookie の有効期間を設定するか、手動で無効にすることによって有効期限を指定することもできます。クッキーを削除します。
Cookie は特定の形式の文字列およびテキスト文字列です

格式：cookieName=cookieValue;expires=expiresDate;path=URLpath;domain=siteDomain//cookie名称，失效日期，储存URL,储存域值；

Cookie の作成方法

Cookie を設定するには、通常、Cookie を関数にカプセル化します:

コードをコピーする コードは次のとおりです。

function addCookie(sName,sValue,day) { 
var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate()+day);; 
//设置失效时间 
document.cookie = escape(sName) + '=' + escape(sValue) +';expires=' + expireDate.toGMTString();6 //escape()汉字转成unicode编码,toGMTString() 把日期对象转成字符串 
}

Cookie を読み取る

Add Cookie を取得した後、どのように取得すればよいでしょうか? それは非常に簡単です:

次のようにコードをコピーします:

function getCookies() { 
var showAllCookie = ''; 
if(!document.cookie == ''){ 
var arrCookie = document.cookie.split('; '); 
//用spilt('; ')切割所有cookie保存在数组arrCookie中 
var arrLength = arrCookie.length; 
for(var i=0; i<arrLength; i++) { 
showAllCookie += &#39;c_name:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[0]) + &#39;c_value:&#39; + unescape(arrCookie[i].split(&#39;=&#39;)[1]) + &#39;<br>&#39; 9 } 
return showAllCookie; 
} 
}

Cookie には有効期限があり、自動的に削除することもできます。有効期限を設定することですぐに削除できます

同じように非常に簡単ですので、続行します:

次のようにコードをコピーします:

function removeCookie() { if(document.cookie != &#39;&#39; && confirm(&#39;你想清理所有cookie吗？&#39;)) { var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var expireDate = new Date(); expireDate.setDate(expireDate.getDate()-1); for(var i=0; i<arrLength; i++) { var str = arrCookie[i].split(&#39;=&#39;)[0]; document.cookie = str+ &#39;=&#39; + &#39;;expires=&#39; + expireDate.toGMTString(); } } }

Cookie の作成、取得、削除方法はすでにわかっています。今度は Cookie を使用します

ここで、Cookie を使用して簡単なタイマーを作成します。

次のようにコードをコピーします。

var cookieCount = {}; cookieCount.count = function () { var count = parseInt(this.getCount(&#39;myCount&#39;)); count++; document.cookie = &#39;myCount=&#39; + count + &#39;&#39;; alert(&#39;第&#39;+count+&#39;访问&#39;); } cookieCount.setCount= function () { //首先得创建一个名为myCount的cookie var expireDate = new Date(); expireDate.setDate(expireDate.getDate()+1); document.cookie = &#39;myCount=&#39; + &#39;0&#39; +&#39;;expires=&#39; + expireDate.toGMTString(); } cookieCount.getCount = function (countName) { //获取名为计数cookie,为其加1 var arrCookie = document.cookie.split(&#39;; &#39;); var arrLength = arrCookie.length; var ini = true; for(var i=0; i<arrLength; i++) { if(countName == arrCookie[i].split(&#39;=&#39;)[0]){ return parseInt(arrCookie[i].split(&#39;=&#39;)[1]); break; }else{ ini = false; } } if(ini == false)this.setCount(); return 0; } cookieCount.count();

Cookie パス

Cookie パスは、この記事の冒頭で説明しました: path=URL; Cookie はドメイン名のサブディレクトリに作成され、そのドメイン名と他の兄弟ディレクトリまたは上位ディレクトリはこの Cookie にアクセスできなくなります。また、パスを設定する利点は、そのドメイン名とサブカテゴリ ディレクトリにアクセスできることです。次のようにドメイン名を入力します:

document.cookie='cookieName=cookieValue;expires=expireDate;path=/'。

cookie ドメイン

ドメインを設定します:domain=siteDomain

これは主に同じドメインで使用されます。たとえば、「www.taobao.com」と「ued.taabao.com」です。ドメイン名「taabao.com」を共有する場合、「www.taabao.com」の下の Cookie にアクセスするようにするには、パス属性を「/」に設定し、 Cookie の

domain-->document.cookie='cookieName=cookieValue;expires=expireDate;path=/;domain=taobao.com'。

Web の継続的な発展に伴い、HTML5 では window.

session

Storage と window.localStorage の 2 つの属性が提供され、setItem、getItem、removeItem、clear などのメソッドを保持し、保存するメソッドが作成されます。データをローカルで簡単かつ便利に

これらの事例などを読んだ後、あなたはその方法をマスターしたと思います。なんと興味深いことでしょう。php 中国語 Web サイトの他の関連記事にも注目してください。

関連書籍:

Webページ制作におけるマージントップのチュートリアル例

CSSのボックスモデルの種類の違い

CSS3のcontent属性を実装する手順

以上がJS を使用して HTTP Cookie を操作する実装手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。