首頁  >  文章  >  web前端  >  JavaScript cookie詳解及簡單實例應用(圖文教學)

JavaScript cookie詳解及簡單實例應用(圖文教學)

亚连
亚连原創
2018-05-19 13:43:351951瀏覽

這篇文章主要介紹了JavaScript cookie詳解及簡單實例應用的相關資料,這裡對js cookie 的介紹及基本屬性和簡單應用做了詳解,需要的朋友可以參考下

JavaScript cookie詳解

一、cookie基本介紹

#    cookie是document的物件。 cookie可以使得JavaScript程式碼能夠在使用者的硬碟上持久地儲存數據,並且能夠獲得以這種方式儲存的資料。 cookie也可以用於客戶端腳本化。

cookie資料可以自動地在網頁瀏覽器好網頁伺服器之間傳遞。

    在瀏覽器中可以透過navigator.cookieEnabled屬性檢查瀏覽器的cookie功能是否已啟動。

    二、cookie的基本屬性    

    每個cookie都有四個可選的屬性

##    1.expires


        指定了cookie的存活期。將expires屬性設定為未來的一個過期時間,即可讓cookie在過期後失效。


    現在用max-age屬性來取代它,max-age用秒來設定cookie的生命期。一旦超過了max-age的生命期,那個cookie就會被瀏覽器自動地從cookie檔案中刪除掉


    2.path


        指定了與cookie關聯在一起的網頁。預設情況下,cookie會和建立它的網頁以及與這個網頁處於同一個目錄下的網頁和處於該目錄的子目錄下的網頁關聯。


    這個主要設定了cookie對於網頁的可見度。加入將path設定為www.a.com/list,那麼www.a.com/list/a.html和www.a.com/list/b.html都可以存取cookie,但www.a.com/comtain不  能存取該cookie。但如果將path設定為www.a.com/,那麼www.a.com/list和www.a.com/contain都可以存取cookie。


    3.domain


        預設只有來自相同Web伺服器的頁面才能存取cookie,可設定domain。例如把cookie的path設定為/,cookie設定為.example.com,則所有位於catalog.example.com和    orders.example.com的網頁以及位於.example.com網域下其他伺服器的網頁都能訪問這個cookie


    注意:不能講一個cookie的網域設定為伺服器所在的網域之外的網域


    4.source


# source為布林值,true由不安全的HTTP傳輸(預設);false只在瀏覽器和伺服器透過HTTPS或其他的安全協定連線下才會傳輸。 


    三、cookie的應用

        一個cookie是一個字串,有name=value這個結構組合而成。 Cookie的範例:

    version=1.0;max-age=3600      

    注意每段字串之間無法包含逗號或空格等,因此在逗號寫入cookie時需要使用encodeURIComponent去掉變數中的相關符號,讀取時利用的decodeURIComponent 


    要建立一個能夠持續存在一年的cookie:


document.cookie = “version=” + document.lastModified + “;max-age=” + (60*60*24*365);

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

NodeJS無所不能:細數10個令人驚訝的NodeJS開源專案

JS中this的指向以及call、apply的作用(圖文教程)

#js中對小數取整的方法有哪些? (圖文教學)

#

以上是JavaScript cookie詳解及簡單實例應用(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn