Thuộc tính cookie DOM HTML

Thuộc tính cookie HTML DOM được sử dụng để tạo, đọc và xóa cookie. Trang web sử dụng cookie để theo dõi thông tin cụ thể của người dùng. Phương thức này có loại chuỗi trả về chứa danh sách tất cả cookie được phân tách bằng dấu chấm phẩy. Các cookie ở định dạng cặp khóa =giá trị. Cookie sẽ bị xóa ngay sau khi trình duyệt bị đóng nhưng bạn có thể chỉ định ngày hết hạn cho nó.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính cookie -

document.cookie = newCookie

Ở đây, newCookie có kiểu chuỗi và là một danh sách cặp tên-giá trị được 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 ở định dạng GMT. Theo mặc định, các cookie sẽ bị xóa ngay sau khi trình duyệt bị đóng.
path =path:	Để chỉ định đường dẫn thư mục trên máy tính nơi cookie sẽ được lưu trữ. Chỉ đường dẫn tuyệt đối mới được sử dụng.
domain =tên miền	Để chỉ định miền trang web của bạn. Tên miền tài liệu hiện tại được sử dụng nếu không được chỉ định.
Bảo mật	Để yêu cầu trình duyệt sử dụng giao thức https để gửi cookie đến máy chủ,

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính cookie DOM HTML -

<!DOCTYPE html>
<html>
<body>
<h1>javascript COOKIE example</h1>
<p>Click the below button to create a cookie</p>
<button type="button" onclick="cookieCreate()">CREATE</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="The cookie values are : "+x;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính cookie DOM HTML

Khi nhấp vào nút TẠO -

Thuộc tính cookie DOM HTML

Trong ví dụ trên -

Đầu tiên chúng ta đã tạo một nút CREATE sẽ thực thi hàm createCookie () khi người dùng nhấp vào -

<button type="button" onclick="cookieCreate()">CREATE</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 tài liệu. Sau đó, chúng tôi đặt các giá trị cặp khóa cookie được phân tách bằng dấu chấm phẩy. Sau đó, cookie được tạo sẽ được hiển thị trong đoạn văn có id là “Sample” bằng cách sử dụng thuộc tính innerHTML -

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="The cookie values are : "+x;
}