成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

Neilyo / 459人閱讀

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

cookie 不是window下面的屬性，它是document下面的屬性，cookie有一套專門的取值與賦值方法，與localStorage，sessionStorage不同
特性

cookie在document下面

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

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

賦值

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

在path2文件夾下新建 cookie4.html

先看一下cookie：

賦值

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

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

// 帶訪問路徑
document.cookie="age=18;path=/path2";
注意：



設(shè)置過期時(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)頁才能訪問（前提是同域）,如果是 path=/ 則說明是根路徑，任何同域頁面都可以訪問。

賦值后打開 Application 查看 cookie

普通賦值

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

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

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

再打開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); // 過期單位這里設(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可以跨同域頁面，sessionStorage只能跨父子頁面（通過 open() 打開的頁面），cookie它可以跨頁面，但是不可以跨path路徑(子路徑可以取到父級(jí)路徑的) 。他們都不能跨域

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/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ì)過期的。 前言 總括：詳細(xì)講述Cookie,LocalStorge,SesstionStorge的區(qū)別和用法。 人生如畫，歲月如歌。 原文博客地址：Javascript本地存儲(chǔ)小結(jié) 知乎專欄&&簡書專題：前端...

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

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

    摘要：的屬性在瀏覽器的控制臺(tái)中，可以直接輸入來查看。可以在瀏覽器的控制臺(tái)中看出哪些是類型的，下帶綠色對(duì)勾的即是，如圖只要是類型的在控制臺(tái)通過是獲取不到的，也不能進(jìn)行修改。當(dāng)會(huì)話過期或被放棄后，服務(wù)器將終止該會(huì)話。在中，用取代了。 本文由云+社區(qū)發(fā)表 在前端面試中，有一個(gè)必問的問題：請(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ì)覆蓋文檔流中的其他元素。 說說你對(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

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

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

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

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

    摘要：握手過程中使用了的標(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)，至此，完成四次揮手。其次，通過使和系統(tǒng)綁定來降低泄露后的危險(xiǎn)。 一些開放性題目 1.自我介紹：除了基本個(gè)人信息以外，面試官更想聽的是你與眾不同的地方和你的優(yōu)勢(shì)。 2.項(xiàng)目介紹 3.如何看待前端開發(fā)？ 4.平時(shí)是如何學(xué)習(xí)前端開發(fā)的？ 5....

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

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

0條評(píng)論

閱讀需要支付1元查看
<