成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

【BOM編程】-- cookie的賦值、過(guò)期時(shí)間、path路徑，封裝，以及與Storage的區(qū)別

Neilyo / 407人閱讀

摘要：不是下面的屬性，它是下面的屬性，有一套專(zhuān)門(mén)的取值與賦值方法，與，不同特性在下面可以設(shè)置一個(gè)時(shí)間自動(dòng)去清除緩存，如果不設(shè)置清除時(shí)間，則關(guān)閉瀏覽器自動(dòng)清除。

cookie 不是window下面的屬性，它是document下面的屬性，cookie有一套專(zhuān)門(mén)的取值與賦值方法，與localStorage，sessionStorage不同
特性

cookie在document下面

cookie可以設(shè)置一個(gè)時(shí)間自動(dòng)去清除緩存，cookie如果不設(shè)置清除時(shí)間，則關(guān)閉瀏覽器自動(dòng)清除。

cookie它可以跨頁(yè)面，但是不可以跨path路徑(子路徑可以取到父級(jí)路徑的) ，前提是同域

賦值

新建一個(gè)文件夾，在文件夾下新建一個(gè)html頁(yè)面 cookie3.html 和一個(gè)名為path2的文件夾

在path2文件夾下新建 cookie4.html

先看一下cookie：

賦值

// 普通賦值
document.cookie = "userName=Aihh" 

// 帶過(guò)期時(shí)間 10s后清除cookie
var d = new Date();
d.setTime(Date.now() + 10*1000);
document.cookie = "userName=Aihh;Expires=" + d.toUTCString(); 

// 帶訪問(wèn)路徑
document.cookie="age=18;path=/path2";
注意：



設(shè)置過(guò)期時(shí)間使用的是0時(shí)區(qū)的時(shí)間，而我們北京時(shí)間是+8區(qū)的時(shí)間，所以這個(gè)時(shí)候要調(diào)用 toUTCString() 轉(zhuǎn)換為標(biāo)準(zhǔn)時(shí)區(qū)的時(shí)間；



path=/path2 設(shè)置只有在路徑path2下面的網(wǎng)頁(yè)才能訪問(wèn)（前提是同域）,如果是 path=/ 則說(shuō)明是根路徑，任何同域頁(yè)面都可以訪問(wèn)。

賦值后打開(kāi) Application 查看 cookie

普通賦值

帶過(guò)期時(shí)間，設(shè)置10s后過(guò)期

帶路徑，設(shè)置只有在路徑path2下面的網(wǎng)頁(yè)才能訪問(wèn)（前提是同域）

這個(gè)時(shí)候發(fā)現(xiàn)在 cookie3.html 找不到這個(gè)cookie

再打開(kāi)path2下面的 cookie4.html ，就會(huì)看到這個(gè)cookie

封裝 
cookie 屬性和值是用 = 連接，屬性之間用 ; 分隔，根據(jù)這個(gè)特點(diǎn)進(jìn)行封裝
var CookieHelper = {
    addCookie: function (cookieName, cookieValue, exMinutes, cookiePath) {
        // 第三/四個(gè)參數(shù)，按需傳參
        var str = cookieName + "=" + cookieValue;
        if (arguments.length == 3) {
            let d = new Date();
            d.setTime(Date.now() + exMinutes*60*1000); // 過(guò)期單位這里設(shè)置為分鐘
            str += ";Expires=" + d.toUTCString();
        }
        if (arguments.length == 4) {
            str += ";path=" + cookiePath;
        }
        document.cookie = str;
    },
    getCookie: function (cookieName) {
        var cookieArr = document.cookie.split(";");
        for (let i in cookieArr) {
            var arr = cookieArr[i].split("=");
            if (arr[0].trim() == cookieName) {
                return arr[1];
            }
        }
    },
    removeCookie: function (cookieName) {
        document.cookie = cookieName + "= ;Expires=" + (new Date()).toUTCString();
    }
}
與 localStorage，sessionStorage 的區(qū)別

localStorage，sessionStorage在window下面， cookie在document下面

localStorage要手動(dòng)清除，sessionStorage關(guān)閉瀏覽器自動(dòng)清除，而cookie可以設(shè)置一個(gè)時(shí)間自動(dòng)去清除,cookie如果不設(shè)置清除時(shí)間，則關(guān)閉瀏覽器自動(dòng)清除。

localStorage可以跨同域頁(yè)面，sessionStorage只能跨父子頁(yè)面（通過(guò) open() 打開(kāi)的頁(yè)面），cookie它可以跨頁(yè)面，但是不可以跨path路徑(子路徑可以取到父級(jí)路徑的) 。他們都不能跨域

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/104019.html

相關(guān)文章

  • Javascript本地存儲(chǔ)小結(jié)

    摘要：不是很安全，別人可以分析存放在本地的并進(jìn)行欺騙，考慮到安全應(yīng)當(dāng)使用。因此不是一種持久化的本地存儲(chǔ)，僅僅是會(huì)話級(jí)別的存儲(chǔ)。用于持久化的本地存儲(chǔ)，除非主動(dòng)刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過(guò)期的。 前言 總括：詳細(xì)講述Cookie,LocalStorge,SesstionStorge的區(qū)別和用法。 人生如畫(huà)，歲月如歌。 原文博客地址：Javascript本地存儲(chǔ)小結(jié) 知乎專(zhuān)欄&&簡(jiǎn)書(shū)專(zhuān)題：前端...

    garfileo 評(píng)論0 收藏0

  • 一文帶你看懂cookie，面試前端不用愁

    摘要：的屬性在瀏覽器的控制臺(tái)中，可以直接輸入來(lái)查看。可以在瀏覽器的控制臺(tái)中看出哪些是類(lèi)型的，下帶綠色對(duì)勾的即是，如圖只要是類(lèi)型的在控制臺(tái)通過(guò)是獲取不到的，也不能進(jìn)行修改。當(dāng)會(huì)話過(guò)期或被放棄后，服務(wù)器將終止該會(huì)話。在中，用取代了。 本文由云+社區(qū)發(fā)表 在前端面試中，有一個(gè)必問(wèn)的問(wèn)題：請(qǐng)你談?wù)刢ookie和localStorage有什么區(qū)別??？ localStorage是H5中的一種瀏覽器本地存...

    notebin 評(píng)論0 收藏0

  • 面試題總結(jié)

    摘要：所以個(gè)人建議將登陸信息等重要信息存放為其他信息如果需要保留，可以放在中和屬性的異同共同點(diǎn)對(duì)內(nèi)聯(lián)元素設(shè)置和屬性，可以讓元素脫離文檔流，并且可以設(shè)置其寬高。不同點(diǎn)仍會(huì)占據(jù)位置，會(huì)覆蓋文檔流中的其他元素。 說(shuō)說(shuō)你對(duì)閉包的理解 使用閉包主要是為了設(shè)計(jì)私有的方法和變量。閉包的優(yōu)點(diǎn)是可以避免全局變量的污染，缺點(diǎn)是閉包會(huì)常駐內(nèi)存，會(huì)增大內(nèi)存使用量，使用不當(dāng)很容易造成內(nèi)存泄露。 閉包有三個(gè)特性： 函...

    RiverLi 評(píng)論0 收藏0

  • 常見(jiàn)前端本地存儲(chǔ)

    摘要：說(shuō)一說(shuō)常用得本地存儲(chǔ)方法這個(gè)東西我覺(jué)得對(duì)于前端來(lái)講都不會(huì)很陌生，瀏覽器都會(huì)支持在最初得時(shí)候適用于客戶端存儲(chǔ)會(huì)話信息用的，在我們發(fā)送請(qǐng)求得時(shí)候，響應(yīng)頭會(huì)包含此次會(huì)話得會(huì)話信息返回給客戶端，瀏覽器回存儲(chǔ)這樣得會(huì)話信息并且在本地有了之后，每次發(fā)送 說(shuō)一說(shuō)常用得本地存儲(chǔ)方法 cookie localStorage sessionStorage cookie cookie這個(gè)東西我覺(jué)得對(duì)于前...

    joy968 評(píng)論0 收藏0

  • javascript知識(shí)點(diǎn)

    摘要：握手過(guò)程中使用了的標(biāo)志和。接收端收到后，回傳一個(gè)帶有標(biāo)志的數(shù)據(jù)包以示傳達(dá)確認(rèn)信息。第四次揮手主動(dòng)關(guān)閉方收到后，發(fā)送一個(gè)給被動(dòng)關(guān)閉方，確認(rèn)序號(hào)為收到序號(hào)，至此，完成四次揮手。其次，通過(guò)使和系統(tǒng)綁定來(lái)降低泄露后的危險(xiǎn)。 一些開(kāi)放性題目 1.自我介紹：除了基本個(gè)人信息以外，面試官更想聽(tīng)的是你與眾不同的地方和你的優(yōu)勢(shì)。 2.項(xiàng)目介紹 3.如何看待前端開(kāi)發(fā)？ 4.平時(shí)是如何學(xué)習(xí)前端開(kāi)發(fā)的？ 5....

    zhangxiangliang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<