首页html cookie缓存数据

html cookie缓存数据

时间: 2024-01-10 15:05:06 浏览: 159

HTML中的cookie是一种用于存储少量数据的机制。它是通过在浏览器中创建和存储cookie来实现的。可以使用JavaScript来设置、获取和删除cookie。以下是一个示例，演示如何在HTML中使用cookie来存储和获取数据： ```html <!DOCTYPE html> <html> <body> <script> // 设置cookie document.cookie = "username=John Doe; expires=Thu, 18 Dec 2022 12:00:00 UTC; path=/"; // 获取cookie var username = document.cookie; console.log(username); // 输出：username=John Doe // 删除cookie document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; </script> </body> </html> ``` 在上面的示例中，我们首先使用`document.cookie`来设置cookie，然后使用相同的方式获取cookie。最后，我们使用相同的方式来删除cookie。请注意，cookie的过期时间可以通过`expires`属性来设置。在上面的示例中，我们将cookie的过期时间设置为2022年12月18日。

阅读全文