1. 程式人生 > >cookie

cookie

文件中 style win html 類型 logs 不刷新 文本文件 doc

什麽是cookie

cookie 是一些數據, 存儲在電腦上的文本文件中,用於存儲 web 頁面的用戶信息。
當 web 服務器向瀏覽器發送 web 頁面時,在連接關閉後,服務端不會記錄用戶的信息。cookie 的作用就是用於解決 "如何記錄客戶端的用戶信息"。

設置cookie

window.onload = function(){
    var date = new Date();
    date.setTime(date.getTime() + (6 * 1000));
    document.cookie = "things=coding; expires="
+ date.toGMTString(); document.cookie = "name=fftu;"; }

CASE 1

打開控制臺,鍵入

document.cookie

返回 "name=fftu; things=coding"

CASE 2

6s後再次測試,返回 "name=fftu"

CASE 3

將以上代碼註釋掉,關閉瀏覽器,重啟頁面,再次測試, "name=fftu"

CASE 4

index.html

<body>
    <a href="./childPage.html" target="
_blank">跳轉</a> </body>

childPage不引入main.js

打開主頁面、子頁面

主頁面設置cookie後刷新,子頁面不刷新,cookie值與JS腳本同步

主頁面設置cookie後不刷新,子頁面刷新,cookie值與JS不同步

主頁面刪除cookie後刷新,子頁面不刷新,cookie值與JS腳本同步

主頁面刪除cookie後不刷新,子頁面刷新,cookie值與JS不同步

結論:

一條鍵值對設置一個expires

沒有設置expires的cookie不會過期

每當腳本改變cookie值,必須刷新引入腳本的HTML文件。其它的頁面都可以訪問到cookie值

註意:

exipres後不加分號

Date需要轉為字符串類型賦值給expires,因為cookie是字符串類型的數據

修改cookie

與創建cookie類似

document.cookie = "name=jiao";

刪除cookie

var date = new Date();
document.cookie = "name=; expires=" + date.toGMTString();

cookie