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

資訊專欄INFORMATION COLUMN

JS學(xué)習(xí)筆記 - 封裝 Cookie 應(yīng)用接口

oneasp / 2921人閱讀

摘要:本文章記錄本人在學(xué)習(xí)中看書理解到的一些東西,加深記憶和并且整理記錄下來,方便之后的復(fù)習(xí)。封裝函數(shù)在默認的情況下存取是一件比較麻煩的事情。而且信息的字符串本身就令人討厭,在經(jīng)常使用信息的應(yīng)用中格外的不方便。

  

本文章記錄本人在學(xué)習(xí) Cookie 中看書理解到的一些東西,加深記憶和并且整理記錄下來,方便之后的復(fù)習(xí)。

封裝函數(shù)

在默認的情況下存取Cookie是一件比較麻煩的事情。由于Cookie是通過字符串來存儲信息的,所以容易導(dǎo)致在執(zhí)行賦值運算的時需要轉(zhuǎn)換讀取信息的數(shù)據(jù)類型。而且Cookie信息的字符串本身就令人討厭,在經(jīng)常使用Cookie信息的 Web 應(yīng)用中格外的不方便。所以需要自行的封裝一個Cookie函數(shù)來提供開發(fā)效率!

定義一個函數(shù)Cookie(),這個函數(shù)能夠?qū)懭胫付ǖ?b>Cookie信息,刪除指定的Cookie信息,也能夠讀取指定名稱的Cookie值,另外,在該函數(shù)中還可以制定Cookie信息的有效期、有效路徑、作用域和安全性選項設(shè)置。完整的代碼:

JavaScriptvar Cookie = function(name, value, options) {
        // 如果第二個參數(shù)存在
        if (typeof value != "undefined") {
            options = options || {};
            if (value === null) {
                // 設(shè)置失效時間
                options.expires = -1;
            }
            var expires = "";
            // 如果存在事件參數(shù)項,并且類型為 number,或者具體的時間,那么分別設(shè)置事件
            if (options.expires && (typeof options.expires == "number" || options.expires.toUTCString)) {
                var date;
                if (typeof options.expires == "number") {
                    date = new Date();
                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
                } else {
                    date = options.expires;
                }
                expires = "; expires=" + date.toUTCString();
            }
            var path = options.path ? "; path=" + options.path : "", // 設(shè)置路徑
                domain = options.domain ? "; domain=" + options.domain : "", // 設(shè)置域 
                secure = options.secure ? "; secure" : ""; // 設(shè)置安全措施,為 true 則直接設(shè)置,否則為空

            // 把所有字符串信息都存入數(shù)組,然后調(diào)用 join() 方法轉(zhuǎn)換為字符串,并寫入 Cookie 信息
            document.cookie = [name, "=", encodeURIComponent(value), expires, path, domain, secure].join(""); 
        } else { // 如果第二個參數(shù)不存在
            var CookieValue = null;
            if (document.cookie && document.cookie != "") {
                var Cookie = document.cookie.split(";");
                for (var i = 0; i < Cookies.length; i++) {
                    var Cookie = (Cookie[i] || "").replace( /^s+|s+$/g, "");
                    if (Cookie.substring(0, name.length + 1) == (name + "=")) {
                        CookieValue = decodeURIComponent(Cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return CookieValue;
        }
    };
如何使用

寫入Cookie信息:

JavaScript// 簡單寫入一條 Cookie 信息
cookie("user", "baidu");
// 寫入一條 Cookie 信息,并且設(shè)置更多選項
cookie("user", "baidu", {
    expires: 10, // 有效期為 10 天
    path: "/", // 整個站點有效
    domain: "www.baidu2.com", // 有效域名
    secure: true // 加密數(shù)據(jù)傳輸
});

2.讀取Cookie信息:

JavaScriptcookie("user");

3.刪除Cookie信息:

JavaScriptcookie("user", null);
  

最后,如果文章有什么錯誤和疑問的地方,請指出。與sf各位共勉!

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

轉(zhuǎn)載請注明本文地址:http://hztianpu.com/yun/85747.html

相關(guān)文章

  • 前端相關(guān)大雜燴

    摘要:希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎,由前端大師傾情贊助。翻譯最佳實踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問起有關(guān)與時,老司機們首先就會告訴你其實是個沒有網(wǎng)絡(luò)請求功能的庫。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡單 原文地址:Learning React.js is easier than you think 原文作...

    fuyi501 評論0 收藏0
  • 全棧開發(fā)自學(xué)路線

    摘要:前言這里筑夢師是一名正在努力學(xué)習(xí)的開發(fā)工程師目前致力于全棧方向的學(xué)習(xí)希望可以和大家一起交流技術(shù)共同進步用簡書記錄下自己的學(xué)習(xí)歷程個人學(xué)習(xí)方法分享本文目錄更新說明目錄學(xué)習(xí)方法學(xué)習(xí)態(tài)度全棧開發(fā)學(xué)習(xí)路線很長知識拓展很長在這里收取很多人的建議以后決 前言 這里筑夢師,是一名正在努力學(xué)習(xí)的iOS開發(fā)工程師,目前致力于全棧方向的學(xué)習(xí),希望可以和大家一起交流技術(shù),共同進步,用簡書記錄下自己的學(xué)習(xí)歷程...

    galaxy_robot 評論0 收藏0
  • 全棧開發(fā)自學(xué)路線

    摘要:前言這里筑夢師是一名正在努力學(xué)習(xí)的開發(fā)工程師目前致力于全棧方向的學(xué)習(xí)希望可以和大家一起交流技術(shù)共同進步用簡書記錄下自己的學(xué)習(xí)歷程個人學(xué)習(xí)方法分享本文目錄更新說明目錄學(xué)習(xí)方法學(xué)習(xí)態(tài)度全棧開發(fā)學(xué)習(xí)路線很長知識拓展很長在這里收取很多人的建議以后決 前言 這里筑夢師,是一名正在努力學(xué)習(xí)的iOS開發(fā)工程師,目前致力于全棧方向的學(xué)習(xí),希望可以和大家一起交流技術(shù),共同進步,用簡書記錄下自己的學(xué)習(xí)歷程...

    Scorpion 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<