cookie.js下載,cookie javascript

本文目錄一覽：

• 1、求一段JS代碼實時檢測Cookies
• 2、jQuery Cookie.js cdn 失效了怎麼換？
• 3、如何用js向cookie中保存數據，取數據。
• 4、怎麼讓layui內置的jquery用上cookie插件

求一段JS代碼實時檢測Cookies

使用js檢測Cookie的話，可以讓js執行定時任務，定期檢測，我給你寫段代碼

方法一：//使用jquery的cookie方法，之前必須引入jquery.cookie.js文件，在網上可以下載到

//每隔1秒，執行cookie檢測函數

setTimeout(“checkCookie()”,1000);

//檢測cookie函數，如果cookie為空則跳轉到登陸頁

function checkCookie() {

   if($.cookie(“qqlogin”) == “” || $.cookie(“qqlogin”) == null) {

        window.location.href = “login.html”;

   }

}

方法二：使用js獲取cookie

//定義一個函數，用來讀取特定的cookie值

function getCookie(cookie_name) {

    var allcookies = document.cookie;

    var cookie_pos = allcookies.indexOf(cookie_name);   //要獲取COOKIE的索引長度  

    //如果找到了索引，就代表cookie存在，

    //反之，就說明不存在。  

    if (cookie_pos == ”) {

       window.location.href = “login.html”;

    }

}  

// 調用函數

//每隔1秒，執行cookie檢測函數

setTimeout(“getCookie(‘getCookie’)”,1000);

註：方法二未經測試。

jQuery Cookie.js cdn 失效了怎麼換？

把這個文件jquery.cookie.js下載下來，保存到項目js相關的目錄里，然後再頁面引入的地方改為項目中該js的路徑，name就不存在失效的問題。或者自己買個cdn對該文件加速，可以預控失效的問題。

如何用js向cookie中保存數據，取數據。

可以使用jquery.cookie.js擴展包，先到網絡上下載好

使用方法：

前後html省略

script src=”/js/jquery.cookie.js”/script

script

//設置cookie

//test為鍵名，1為鍵值，第三個參數是失效時間

$.cookie(“test”, “1”, { expires: 7 }); // 存儲一個帶7天期限的 cookie

//讀取cookie

$.cookie(“test”);

//刪除cookie

$.cookie(“test”, “1”, { expires: -1 }); //設置過期時間為負就失效了

/script

怎麼讓layui內置的jquery用上cookie插件

一、介紹

1-1、jQuery.Cookie.js插件是一個輕量級的Cookie管理插件。下載地址：jQuery-cookie.js 有需要的朋友，右鍵另存為即可！

二、使用方法

2-1、引入jQuery及jQuery.Cookie.js插件。

script src=”jQuery.x.x.x.js” type=”text/javascript”/script

script src=”jquery.cookie.js” type=”text/javascript”/script

註：jQuery文件引入要在插件jquery.cookie前，因為jquery.cookie插件依賴jquery 類庫！

2-2、函數屬性簡介

語法：$.cookie(名稱,值,[option])

(1)讀取cookie值

$.cookie(cookieName)　cookieName:要讀取的cookie名稱。

示例：$.cookie(“username”);　 讀取保存在cookie中名為的username的值。

(2)寫入設置Cookie值：

$.cookie(cookieName,cookieValue);cookieName:要設置的cookie名稱，cookieValue表示相對應的值。

示例:$.cookie(“username”,”admin”);　 將值”admin”寫入cookie名為username的cookie中。

$.cookie(“username”,NULL);　銷毀名稱為username的cookie

(3) [option]參數說明：

expires:有限日期，可以是一個整數或一個日期(單位：天)。這個地方也要注意，如果不設置這個東西，瀏覽器關閉之後此cookie就失效了

path:　 cookie值保存的路徑，默認與創建頁路徑一致。

domin: cookie域名屬性，默認與創建頁域名一樣。這個地方要相當注意，跨域的概念，如果要主域名二級域名有效則要設置”.xxx.com”

secrue: 一個布爾值，表示傳輸cookie值時，是否需要一個安全協議。

創建cookie實例： $.cookie(“useuName”, $(“#useuName”).val(), { path: “/”, expiress: 7 ,sucue:true})

三、完整使用實例

html xmlns=””

head

titlejQuery插件cookie插件學習/title

script src=”jQuery.1.8.3.js” type=”text/javascript”/script

script src=”jquery.cookie.js” type=”text/javascript”/script

script type=”text/javascript”

$(function () {

if($.cookie(“username”))

{

$(“#msg”).val($.cookie(“msg”));

}

$(“#sure”).click(function () {

$.cookie(“msg”, $(“#msg”).val(), {path: “/”, expires: 7，secure:true})

})

})

/script

/head

body

p

信息記錄：input type=”text” id=”msg” value=”” / input type=”button” value=”記住當前信息” id=”sure” /

/p

/body

/html