關于HTML5中的cookies設置,在Web開發中非常常見,因為它是一種用來存儲和跟蹤用戶信息的技術。以下是如何使用HTML5 cookies設置的示例:
// 設置cookie document.cookie = "username=John Doe; expires=Fri, 31 Dec 2021 23:59:59 GMT; path=/"; // 讀取cookie var username = getCookie("username"); // 刪除cookie document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/"; function getCookie(name) { var cname = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i< ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(cname) == 0) { return c.substring(cname.length, c.length); } } return ""; }
以上代碼展示了如何設置、讀取和刪除使用HTML5 cookies的基本步驟。當執行document.cookie時,它將在客戶端創建一個新的cookie。我們使用expires參數來指定cookie何時過期,以及path參數來確定cookie的可見性范圍。
使用getCookie()函數,我們可以在cookie中查找指定的值。函數將所有cookie拆分并比較每個cookie中的名稱,返回匹配的值(如果找到的話)。
最后,要刪除cookie,只需要設置過期日期為過去的日期即可。當過期日期在過去時,瀏覽器將自動刪除cookie。