HTML | DOM cookie 属性

几乎每个网站都在用户的计算机上存储 cookie（小文本文件）以供识别并跟踪他的偏好。 DOM cookie 属性设置或获取与当前文档关联的所有 cookie 键/值对。
获取所有 Cookie：
document.cookie方法返回一个字符串，其中包含当前文档的所有 cookie（key=value 对）的分号分隔列表。
句法：

document.cookie

下面是获取与当前文档关联的所有 cookie 的程序：

html

    Cookie
    
        h1{
            color:green
        }
    

 

    GeeksforGeeks!
    Here are the cookies baked by this document:
     
    
    
 
     
    
    
        function getCookies() {
            document.getElementById("cookies").innerHTML =
                                        document.cookie;
        }
    

输出：

设置 Cookie：
可以通过提供包含key=value对的字符串来为当前文档写入一个新的 cookie，该字符串用冒号分隔，其他 cookie（key=value 对）或以下任何可选值：

• expires=date ：日期为 GMT 格式。默认情况下，cookie 在浏览器关闭时过期。
• path=path ：指定在计算机上存储cookie的目录。默认路径设置为当前文档位置的路径。
• 最大年龄=秒
• domain=domainname ：指定 cookie 的域名。如果不指定，默认为当前页面的域名。
• secure=boolean ：指定 cookie 是否必须通过 https 服务器发送。

句法：

document.cookie = NewCookie

例子：

html

    Cookie
    
        h1{
            color:green
        }
    


    GeeksforGeeks!
     
    
    
     
    
    
     
    
     
    
    Set a cookie
    
     
    
    Get cookies
     
    
    
 
     
    
        // Set cookies
        function setCookie() {
            document.cookie =
                    document.getElementById('key').value + "="
                    + document.getElementById('val').value;
        }
         
        // Get cookies
        function getCookie() {
            document.getElementById("cookies").innerHTML =
                                            document.cookie;
        }
    

                   

输出：
设置 Cookie 之前：

设置 Cookie 后：

支持的浏览器： DOM cookie 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器