成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JavaScript之讀取和寫入cookie

SoapEye / 1521人閱讀

摘要：本身是一些短小的信息，能夠由頁面保存在用戶的計(jì)算機(jī)上，然后被其他頁面讀取。當(dāng)然，也有局限之處瀏覽器對于能夠保存的數(shù)量有所限制，通常是幾百個(gè)或者多一點(diǎn)。因此，不適合用來保存重要數(shù)據(jù)，在編寫代碼時(shí)也要考慮到獲取異常的處理方法。

??首先先讓我們簡單地了解一下cookie.
??在我們制作網(wǎng)頁的過程中，經(jīng)常需要把信息從一個(gè)頁面?zhèn)鬟f給另一個(gè)頁面，這時(shí)候就需要用到JavaScript中的cookie機(jī)制了。簡單說來，cookie提供了一種便捷的方式，能夠在用戶的計(jì)算機(jī)上保存少量數(shù)據(jù)并且遠(yuǎn)程獲得它們，從而讓網(wǎng)站可以保存一些細(xì)節(jié)信息，比如用戶的習(xí)慣設(shè)置或是上一次訪問網(wǎng)站的時(shí)間。cookie本身是一些短小的信息，能夠由頁面保存在用戶的計(jì)算機(jī)上，然后被其他頁面讀取。cookie一般都設(shè)置為在一定時(shí)間后失效。
??當(dāng)然，cookie也有局限之處：瀏覽器對于能夠保存的cookie數(shù)量有所限制，通常是幾百個(gè)或者多一點(diǎn)。一般情況下，每個(gè)域名20個(gè)cookies是允許的，而每個(gè)域最多能保存4KB的cookie.除了大小限制可能導(dǎo)致的問題，也有很多原因會引起硬盤上的cookie消失，比如達(dá)到有效期限了，或是用戶清理了cookie信息，或是換用了其他瀏覽器。因此，cookie不適合用來保存重要數(shù)據(jù)，在編寫代碼時(shí)也要考慮到cookie獲取異常的處理方法。
??在JavaScript中，使用document對象的cookie屬性來儲存和獲取cookie.通常，document.cookie里的信息是由成對的名稱和值組成的字符串，每一對數(shù)據(jù)的形式是：

name=value;

??下面我們將通過一個(gè)簡單的例子來展示在JavaScript中如何讀取和寫入cookie.
??首先是createCookie.html，在該頁面中會創(chuàng)建一個(gè)cookie,完整的代碼如下：



    createCookie
    


    Userame:  


    Password:  

該頁面的截圖如下：

點(diǎn)擊submit按鈕，就會創(chuàng)建一個(gè)cookie，在該cookie中保存了Username和Password信息，并且會跳轉(zhuǎn)到showCookie.html頁面。其中，showCookie.html頁面的完整代碼如下：



    showCookie

頁面截圖如下：

點(diǎn)擊show Cookie按鈕就會顯示cookie里面的信息了。
??下面，我們將會在本地和服務(wù)器上分別跑這個(gè)程序，分別在IE瀏覽器和Chrome瀏覽器上運(yùn)行這個(gè)程序，看看cookie的運(yùn)行情況。
??首先我們在本地運(yùn)行這個(gè)程序，我們將上述兩個(gè)文件都放在E盤中。先在IE瀏覽器上運(yùn)行，在createCookie.html頁面上輸入信息，并點(diǎn)擊submit按鈕，截圖如下：

跳轉(zhuǎn)到showCookie.html頁面后，點(diǎn)擊show Cookie按鈕，頁面截圖如下：

cookie在本地環(huán)境中的IE瀏覽器中運(yùn)行正常。
??接下來，我們看看在Chrome瀏覽器中運(yùn)行情況，首先在Chrome瀏覽器中打開createCookie.html頁面，輸入信息，并點(diǎn)擊submit按鈕，截圖如下：

跳轉(zhuǎn)到showCookie.html頁面后，點(diǎn)擊show Cookie按鈕，頁面截圖如下：

同樣的程序，這次cookie在Chrome瀏覽器中卻運(yùn)行失敗了。
??接著讓我們在服務(wù)器中運(yùn)行這個(gè)程序，需要用到xampp,并打開Apache服務(wù)器，將上述兩個(gè)html文件放在xampp安裝文件夾下的htdocs文件夾下（具體的操作方法可以參考這篇博客：JavaScript之使用AJAX（適合初學(xué)者））。我們現(xiàn)在IE瀏覽器中運(yùn)行該程序，在IE瀏覽器中輸入網(wǎng)址：http://localhost/createCookie...：

點(diǎn)擊Submit按鈕，跳轉(zhuǎn)到showCookie.html頁面，并點(diǎn)擊show Cookie按鈕，截圖如下：

??然后我們在Chrome瀏覽器中輸入網(wǎng)址：http://localhost/createCookie...：

點(diǎn)擊Submit按鈕，跳轉(zhuǎn)到showCookie.html頁面，并點(diǎn)擊show Cookie按鈕，截圖如下：

這次在服務(wù)器環(huán)境下，IE瀏覽器和Chrome瀏覽器的cookie都運(yùn)行正常！
??本次分享到此結(jié)束，歡迎大家交流~~

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92844.html

相關(guān)文章

  • 數(shù)據(jù)存儲

    摘要：數(shù)據(jù)并非存儲在一個(gè)安全環(huán)境中，其中包含的任何數(shù)據(jù)都可以被他人訪問。的兩個(gè)主要目標(biāo)是提供一種在之外存儲會話數(shù)據(jù)的途徑提供一種存儲大量可以跨會話存在的數(shù)據(jù)的機(jī)制。 隨著Web應(yīng)用程序的出現(xiàn)，產(chǎn)生了對于能夠直接在客戶端上存儲用戶信息能力的要求。比如登錄信息、偏好設(shè)定或其他數(shù)據(jù)，這個(gè)問題的第一個(gè)方案是以cookie的形式出現(xiàn)的，今天cookie只是在客戶端存儲數(shù)據(jù)的其中一種選項(xiàng)。 cookie...

    frolc 評論0 收藏0

  • js同源策略之共享cookie

    摘要：為什么要有同源限制同源策略的目的主要是為了防止惡意獲取修改網(wǎng)站數(shù)據(jù)。假設(shè)現(xiàn)在沒有同源策略，會發(fā)生什么事情呢大家知道，可以做很多東西，比如讀取修改網(wǎng)頁中某個(gè)值。 什么是同源 同domain（或ip）,同端口，同協(xié)議視為同一個(gè)域，一個(gè)域內(nèi)的腳本僅僅具有本域內(nèi)的權(quán)限，可以理解為本域腳本只能讀寫本域內(nèi)的資源，而無法訪問其它域的資源。這種安全限制稱為同源策略。 為什么要有同源限制 同源策略的目的...

    Miyang 評論0 收藏0

  • 大話javascript 5期：跨域

    摘要：同源策略所謂同源是指協(xié)議，域名，端口均相同。同源策略是瀏覽器的一個(gè)安全功能，不同源的客戶端腳本在沒有明確授權(quán)的情況下，不能讀寫對方資源。需注意的是由于同源策略的限制，所讀取的為跨域請求接口所在域的，而非當(dāng)前頁。 一、什么是跨域 1.URL解析 URL （Uniform Resource Locator ）統(tǒng)一資源定位符（URL）是用于完整地描述Internet上網(wǎng)頁和其他資源的地址的...

    jzzlee 評論0 收藏0

  • JavaScript是如何工作的:存儲引擎+如何選擇合適的存儲API

    摘要：字節(jié)流這個(gè)簡單的模型將數(shù)據(jù)存儲為長度不透明的字節(jié)字符串變量，將任何形式的內(nèi)部組織留給應(yīng)用層。字節(jié)流數(shù)據(jù)存儲的代表例子包括文件系統(tǒng)和云存儲服務(wù)。使用同步存儲會阻塞主線程，并為應(yīng)用程序的創(chuàng)建凍結(jié)體驗(yàn)。 這是專門探索 JavaScript 及其所構(gòu)建的組件的系列文章的第 16 篇。 想閱讀更多優(yōu)質(zhì)文章請猛戳GitHub博客,一年百來篇優(yōu)質(zhì)文章等著你！ 如果你錯(cuò)過了前面的章節(jié)，可以在這里找到它...

    draveness 評論0 收藏0

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

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

    oneasp 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<