摘要:本身是一些短小的信息,能夠由頁面保存在用戶的計算機上,然后被其他頁面讀取。當然,也有局限之處瀏覽器對于能夠保存的數量有所限制,通常是幾百個或者多一點。因此,不適合用來保存重要數據,在編寫代碼時也要考慮到獲取異常的處理方法。
??首先先讓我們簡單地了解一下cookie.
??在我們制作網頁的過程中,經常需要把信息從一個頁面傳遞給另一個頁面,這時候就需要用到JavaScript中的cookie機制了。簡單說來,cookie提供了一種便捷的方式,能夠在用戶的計算機上保存少量數據并且遠程獲得它們,從而讓網站可以保存一些細節信息,比如用戶的習慣設置或是上一次訪問網站的時間。cookie本身是一些短小的信息,能夠由頁面保存在用戶的計算機上,然后被其他頁面讀取。cookie一般都設置為在一定時間后失效。
??當然,cookie也有局限之處:瀏覽器對于能夠保存的cookie數量有所限制,通常是幾百個或者多一點。一般情況下,每個域名20個cookies是允許的,而每個域最多能保存4KB的cookie.除了大小限制可能導致的問題,也有很多原因會引起硬盤上的cookie消失,比如達到有效期限了,或是用戶清理了cookie信息,或是換用了其他瀏覽器。因此,cookie不適合用來保存重要數據,在編寫代碼時也要考慮到cookie獲取異常的處理方法。
??在JavaScript中,使用document對象的cookie屬性來儲存和獲取cookie.通常,document.cookie里的信息是由成對的名稱和值組成的字符串,每一對數據的形式是:
name=value;
??下面我們將通過一個簡單的例子來展示在JavaScript中如何讀取和寫入cookie.
??首先是createCookie.html,在該頁面中會創建一個cookie,完整的代碼如下:
createCookie Userame:
Password:
該頁面的截圖如下:
點擊submit按鈕,就會創建一個cookie,在該cookie中保存了Username和Password信息,并且會跳轉到showCookie.html頁面。其中,showCookie.html頁面的完整代碼如下:
showCookie
頁面截圖如下:
點擊show Cookie按鈕就會顯示cookie里面的信息了。
??下面,我們將會在本地和服務器上分別跑這個程序,分別在IE瀏覽器和Chrome瀏覽器上運行這個程序,看看cookie的運行情況。
??首先我們在本地運行這個程序,我們將上述兩個文件都放在E盤中。先在IE瀏覽器上運行,在createCookie.html頁面上輸入信息,并點擊submit按鈕,截圖如下:
跳轉到showCookie.html頁面后,點擊show Cookie按鈕,頁面截圖如下:
cookie在本地環境中的IE瀏覽器中運行正常。
??接下來,我們看看在Chrome瀏覽器中運行情況,首先在Chrome瀏覽器中打開createCookie.html頁面,輸入信息,并點擊submit按鈕,截圖如下:
跳轉到showCookie.html頁面后,點擊show Cookie按鈕,頁面截圖如下:
同樣的程序,這次cookie在Chrome瀏覽器中卻運行失敗了。
??接著讓我們在服務器中運行這個程序,需要用到xampp,并打開Apache服務器,將上述兩個html文件放在xampp安裝文件夾下的htdocs文件夾下(具體的操作方法可以參考這篇博客:JavaScript之使用AJAX(適合初學者))。我們現在IE瀏覽器中運行該程序,在IE瀏覽器中輸入網址:http://localhost/createCookie...:
點擊Submit按鈕,跳轉到showCookie.html頁面,并點擊show Cookie按鈕,截圖如下:
??然后我們在Chrome瀏覽器中輸入網址:http://localhost/createCookie...:
點擊Submit按鈕,跳轉到showCookie.html頁面,并點擊show Cookie按鈕,截圖如下:
這次在服務器環境下,IE瀏覽器和Chrome瀏覽器的cookie都運行正常!
??本次分享到此結束,歡迎大家交流~~
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/92844.html
摘要:為什么要有同源限制同源策略的目的主要是為了防止惡意獲取修改網站數據。假設現在沒有同源策略,會發生什么事情呢大家知道,可以做很多東西,比如讀取修改網頁中某個值。 什么是同源 同domain(或ip),同端口,同協議視為同一個域,一個域內的腳本僅僅具有本域內的權限,可以理解為本域腳本只能讀寫本域內的資源,而無法訪問其它域的資源。這種安全限制稱為同源策略。 為什么要有同源限制 同源策略的目的...
摘要:同源策略所謂同源是指協議,域名,端口均相同。同源策略是瀏覽器的一個安全功能,不同源的客戶端腳本在沒有明確授權的情況下,不能讀寫對方資源。需注意的是由于同源策略的限制,所讀取的為跨域請求接口所在域的,而非當前頁。 一、什么是跨域 1.URL解析 URL (Uniform Resource Locator )統一資源定位符(URL)是用于完整地描述Internet上網頁和其他資源的地址的...
摘要:字節流這個簡單的模型將數據存儲為長度不透明的字節字符串變量,將任何形式的內部組織留給應用層。字節流數據存儲的代表例子包括文件系統和云存儲服務。使用同步存儲會阻塞主線程,并為應用程序的創建凍結體驗。 這是專門探索 JavaScript 及其所構建的組件的系列文章的第 16 篇。 想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你! 如果你錯過了前面的章節,可以在這里找到它...
摘要:本文章記錄本人在學習中看書理解到的一些東西,加深記憶和并且整理記錄下來,方便之后的復習。封裝函數在默認的情況下存取是一件比較麻煩的事情。而且信息的字符串本身就令人討厭,在經常使用信息的應用中格外的不方便。 本文章記錄本人在學習 Cookie 中看書理解到的一些東西,加深記憶和并且整理記錄下來,方便之后的復習。 封裝函數 在默認的情況下存取Cookie是一件比較麻煩的事情。由...
閱讀 2940·2023-04-26 01:52
閱讀 3468·2021-09-04 16:40
閱讀 3629·2021-08-31 09:41
閱讀 1764·2021-08-09 13:41
閱讀 555·2019-08-30 15:54
閱讀 2959·2019-08-30 11:22
閱讀 1612·2019-08-30 10:52
閱讀 947·2019-08-29 13:24