Thuộc tính HTML DOM cookie được dùng để tạo, đọc và xóa cookie. Cookie được dùng bởi trang web để theo dõi thông tin đặc thù của người dùng. Phương thức này có kiểu trả về là chuỗi chứa danh sách phân tách bằng dấu chấm phẩy của tất cả các cookie. Các cookie ở định dạng cặp key=value (khóa=giá trị). Cookie bị xóa ngay khi trình duyệt được đóng nhưng bạn có thể chỉ định ngày hết hạn cho nó.
Cú pháp
Cú pháp sau đây dùng cho:
Thiết lập thuộc tính cookie:
document.cookie = newCookie
Ở đây, newCookie thuộc kiểu chuỗi và là danh sách cặp tên-giá trị phân tách bằng dấu chấm phẩy. Sau đây là các giá trị tùy chọn cho newCookie.
| Giá trị tham số | Mô tả |
|---|---|
| expires=date | Để chỉ định ngày theo định dạng GMT. Mặc định cookie bị xóa ngay khi trình duyệt đóng. |
| path=path: | Để chỉ định đường dẫn thư mục trên máy tính nơi cookie được lưu trữ. Chỉ dùng đường dẫn tuyệt đối. |
| domain=domainname | Để chỉ định domain của trang web của bạn. Domain tài liệu hiện tại được dùng nếu không chỉ định. |
| Secure | Để báo cho trình duyệt dùng giao thức https để gửi cookie đến server. |
Ví dụ
Hãy xem một ví dụ cho thuộc tính HTML DOM cookie:
<!DOCTYPE html> <html> <body> <h1>Ví dụ javascript COOKIE</h1> <p>Nhấn nút bên dưới để tạo một cookie</p> <button type="button" onclick="cookieCreate()">TẠO</button> <p id="Sample"></p> <script> function cookieCreate(){ var x = document.cookie; x = "username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC"; document.getElementById("Sample").innerHTML = "Các giá trị cookie là: " + x; } </script> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Khi nhấn nút TẠO:
Trong ví dụ trên:
Chúng ta đã tạo nút TẠO sẽ thực thi hàm createCookie() khi được nhấp bởi người dùng:
<button type="button" onclick="cookieCreate()">TẠO</button>
Hàm cookieCreate() tạo một cookie bằng cách sử dụng thuộc tính cookie của đối tượng document. Chúng ta sau đó đặt các giá trị cặp khóa-giá trị của cookie được phân tách bằng dấu chấm phẩy. Cookie được tạo sau đó được hiển thị trong đoạn văn với id "Sample" bằng thuộc tính innerHTML của nó:
function cookieCreate(){ var x = document.cookie; x = "username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC"; document.getElementById("Sample").innerHTML = "Các giá trị cookie là: " + x; }