javascript怎麼清除cookie-js教程-PHP中文網

首頁

web前端

js教程

javascript怎麼清除cookie

青灯夜游

Jun 17, 2021 pm 02:31 PM

javascript清除cookie

清除方法：不指定cookie值，把expires參數設定為過去的日期即可，語法「document.cookie="username=;expires=Thu,01 Jan 1970 00:00:00 UTC;path =/;";」。

javascript怎麼清除cookie

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Cookie 為 Web 應用程式保存使用者相關資訊提供了一個有用的方法。例如，當使用者造訪咱們的網站時，可以利用 Cookie 來儲存使用者首選項或其他信息，這樣，當使用者下次再造訪咱們的網站時，應用程式就可以檢索先前儲存的資訊。

Cookie 是什麼鬼 

#Cookie 是一小段文字訊息，伴隨著使用者請求和頁面在Web 伺服器和瀏覽器之間傳遞。當使用者每次造訪網站時，Web 應用程式都可以讀取 Cookie 包含的資訊。

Cookie的出現是為了解決保存使用者資訊的問題。例如

當使用者造訪網頁時，使用者的名字可以儲存在cookie中。

下次使用者造訪頁面時，cookie會記住使用者名稱。

Cookie 能在所有網頁中記住使用者的資訊。它以字串的形式包含訊息，並鍵值對的形式保存的，即key=value的格式。各個cookie之間一般是以「;」分隔。

username = Daisy Green

Cookie 的組成

##Cookie 在HTTP的頭部Header資訊中，HTTP Set-Cookie的Header格式如下：

Set-Cookie: name=value; [expires=date]; [path=path];
[domain=domainname]; [secure];

在HTTP程式碼中一個具體的例子：

<meta http-equiv="set-cookie" content=" cookieName = cookieValue;expires=01-Dec-2006 01:14:26 GMT; path=/" />

從上面的格式可以看出，Cookie由下面幾部分組成。

Name/Value對

Name/Value由分號分隔，一個Cookie最多有20對，每個網頁最多有一個Cookie，Value的長度不超過4K。對於Value值，最好用encodeURIComponent對其編碼。

JS Cookie

在JS中，可以使用Document物件的cookie屬性來操作cookie。 JS 可以讀取，創建，修改和刪除目前網頁的cookie,，來看看具體的騷操作。

建立Cookie

JS可以使用document.cookie屬性建立cookie，可以透過以下方式建立cookie：

document.cookie = "username=Daisy Green";

也可以添加有效日期（UTC 時間）。預設情況下，在瀏覽器關閉時會刪除cookie：

document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC";

透過path 參數，可以告訴瀏覽器cookie 屬於什麼路徑。預設情況下，cookie 屬於目前頁。

document.cookie = "username=Daisy Green; expires=Mon, 26 Aug 2019 12:00:00 UTC"; path=/";

讀取Cookie

透過JS，可以這樣讀取cookie：

var x = document.cookie;

document.cookie會在一條字串中傳回所有cookie，例如：cookie1=value; cookie2 

#事例：

<html>
  <head>  
   <script type = "text/javascript">
     <!--
      function ReadCookie() {
        var allcookies = document.cookie;
        document.write ("All Cookies : " + allcookies );
        
        // Get all the cookies pairs in an array
        cookiearray = allcookies.split(&#39;;&#39;);
        
        // Now take key value pair out of this array
        for(var i=0; i<cookiearray.length; i++) {
         name = cookiearray[i].split(&#39;=&#39;)[0];
         value = cookiearray[i].split(&#39;=&#39;)[1];
         document.write ("Key is : " + name + " and Value is : " + value);
        }
      }
     //-->
   </script>   
  </head>
  
  <body>   
   <form name = "myform" action = "">
     <p> click the Button to View Result:</p>
     <input type = "button" value = "Get Cookie" onclick = "ReadCookie()"/>
   </form>   
  </body>
</html>

執行：

javascript怎麼清除cookie

 

##################### #################改變cookie#########透過使用JS，咱們可以像建立cookie 一樣改變它：###

document.cookie = "username=Steve Jobs; expires=Sun, 31 Dec 2017 12:00:00 UTC; path=/";

###這樣舊cookie 會被覆蓋。 ######事例：###

<html>
  <head>  
   <script type = "text/javascript">
     <!--
      function WriteCookie() {
        var now = new Date();
        now.setMonth( now.getMonth() + 1 );
        cookievalue = escape(document.myform.customer.value) + ";"
        
        document.cookie = "name=" + cookievalue;
        document.cookie = "expires=" + now.toUTCString() + ";"
        document.write ("Setting Cookies : " + "name=" + cookievalue );
      }
     //-->
   </script>   
  </head>
  
  <body>
   <form name = "myform" action = "">
     Enter name: <input type = "text" name = "customer"/>
     <input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
   </form>   
  </body>
</html>

###執行：###################刪除cookie###########刪除cookie 非常簡單，不必指定cookie 值：直接把expires 參數設定為過去的日期即可：#########document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";############應該定義cookie 路徑以確保刪除正確的cookie。如果不指定路徑，有些瀏覽器不會讓咱們刪除 cookie。 ######範例：###

<html>
  <head>  
   <script type = "text/javascript">
     <!--
      function WriteCookie() {
        var now = new Date();
        now.setMonth( now.getMonth() - 1 );
        cookievalue = escape(document.myform.customer.value) + ";"
        
        document.cookie = "name=" + cookievalue;
        document.cookie = "expires=" + now.toUTCString() + ";"
        document.write("Setting Cookies : " + "name=" + cookievalue );
      }
     //-->
   </script>   
  </head>
  
  <body>
   <form name = "myform" action = "">
     Enter name: <input type = "text" name = "customer"/>
     <input type = "button" value = "Set Cookie" onclick = "WriteCookie()"/>
   </form>   
  </body>
</html>

###更多程式相關知識，請造訪：###程式設計影片###！！ ###

以上是javascript怎麼清除cookie的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

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

Python vs. JavaScript：開發環境和工具Apr 26, 2025 am 12:09 AM

Python和JavaScript在開發環境上的選擇都很重要。 1)Python的開發環境包括PyCharm、JupyterNotebook和Anaconda，適合數據科學和快速原型開發。 2)JavaScript的開發環境包括Node.js、VSCode和Webpack，適用於前端和後端開發。根據項目需求選擇合適的工具可以提高開發效率和項目成功率。

JavaScript是用C編寫的嗎？檢查證據Apr 25, 2025 am 12:15 AM

是的，JavaScript的引擎核心是用C語言編寫的。 1）C語言提供了高效性能和底層控制，適合JavaScript引擎的開發。 2）以V8引擎為例，其核心用C 編寫，結合了C的效率和麵向對象特性。 3）JavaScript引擎的工作原理包括解析、編譯和執行，C語言在這些過程中發揮關鍵作用。

JavaScript的角色：使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心，因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容，2)通過DOMAPI操作網頁，3)支持複雜的交互效果如動畫和拖放，4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript：連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1）C 代碼編譯成WebAssembly模塊，引入到JavaScript環境中，增強計算能力。 2）在遊戲開發中，C 處理物理引擎和圖形渲染，JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序：JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中，JavaScript與HTML、CSS一起操作DOM，實現動態效果，並支持如jQuery、React等框架。 2)通過ReactNative和Ionic，JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行，支持高並發請求。

Python vs. JavaScript：比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化，JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色，使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺，用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用，支持全棧開發。