Chúng tôi có thể thao tác với cookie bằng JavaScript không?

Cookies được sử dụng để

document.cookie = "UserName = fabuluosDesigns";

9 trong máy tính của khách hàng trong các tệp văn bản nhỏ. Cookie lưu trữ thông tin quan trọng về các trang web chúng tôi truy cập trong trình duyệt. Thông tin này được trình duyệt sử dụng vào lần tới khi chúng tôi truy cập cùng một trang web. Nó giúp tải

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

0 tốt hơn lần đầu tiên vì một số dữ liệu đã được lưu trữ trong cookie và không cần phải tải xuống lại trình duyệt

Cookie cũng được sử dụng để lưu trữ

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

1 và giữ mã thông báo đăng nhập từ các trang web như

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

2,

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3, v.v. vì vậy chúng tôi không cần phải đăng nhập lại nhiều lần

Tạo Cookie trong JavaScript

Thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

4 được sử dụng để tạo, xóa và đọc cookie

cú pháp

tài liệu. cookie = "tên người dùng=John Snow";

Ngày hết hạn [theo giờ UTC] cũng có thể được thêm vào. Theo mặc định, cookie sẽ bị xóa khi đóng trình duyệt

cú pháp

tài liệu. cookie = "tên người dùng=John Snow; hết hạn=Thu, ngày 18 tháng 12 năm 2013 12. 00. 00 UTC";

Thuộc tính cookie

Thuộc tínhDescriptionexpiresNó duy trì trạng thái của cookie cho đến ngày và giờ đã chỉ định. max-ageGiống như

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

5 nhưng ở đây, thời gian tính bằng giây. pathIt thay đổi phạm vi của cookie thành tất cả các trang của trang web. domainIt chỉ định tên miền hợp lệ cho cookie

JavaScript Tạo Cookie

JavaScript tạo cookie, nhận dữ liệu thực.

Cập nhật cookie

Cách duy nhất để cập nhật hoặc sửa đổi cookie là tạo một cookie khác có cùng tên và đường dẫn với cookie hiện có. Tạo một cookie có cùng tên nhưng với một đường dẫn khác thì đường dẫn hiện có sẽ thêm một cookie bổ sung

Thuộc tính hết hạn cookie

Thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

5 được sử dụng để đưa ra giới hạn thời gian để cookie duy trì. Sau khi hết thời gian đã khai báo, cookie sẽ tự động bị xóa

Trong ví dụ này, trước tiên hãy nhập tên của bạn, sau đó nhập ngày bạn muốn lưu trữ cookie và làm mới lại cookie. Lần sau trang web sẽ nhớ đến bạn

Cookie là một tệp văn bản ngắn lưu trữ một số dữ liệu trên máy tính [khoảng 4KB]. Họ thường theo dõi thông tin như tùy chọn cho một trang web, nhắc người dùng cải thiện trang web vào lần họ truy cập tiếp theo

Cookies là một phương pháp cũ để ngăn khách hàng sử dụng các tập lệnh viết của bên thứ ba như PHP, ASP và các tập lệnh khác

Sử dụng JavaScript, cookie có thể được tạo, truy xuất và sửa đổi trực tiếp và quá trình này rất đơn giản. Tên, giá trị và độ dài của cookie có thể bị hạn chế

Tất cả dữ liệu cookie được chuyển đến máy chủ ứng dụng ngay lập tức khi một trang được yêu cầu từ máy chủ trình duyệt. Không nên sử dụng cookie để lưu trữ thông tin nhạy cảm như mật khẩu hoặc số thẻ tín dụng, vì thông tin này có thể bị truy cập bởi người dùng ác ý

Mục lục

Các loại cookie khác nhau

Có ba loại cookie

1. Cookie của bên thứ nhất - Đây là những cookie được tạo bởi trang web của bạn và chỉ trang web của bạn mới có thể đọc được
2. Cookie của bên thứ ba - Những cookie này được tạo bởi quảng cáo của bên thứ ba trên trang web của bạn. Những cookie này chỉ có thể được đọc trên bất kỳ trang web nào hiển thị cùng một quảng cáo bằng mã quảng cáo
3. Cookie phiên - Những cookie này được lưu trên trình duyệt của bạn. Chúng bị hủy khi đóng trình duyệt

Tạo cookie

Bạn có thể tạo cookie bằng thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

2. Trong JavaScript, bạn có thể sử dụng thuộc tính này để thiết lập, đọc và xóa cookie

Ngoài ra, bất kỳ cookie nào được liên kết với tài liệu đều được đại diện bởi thuộc tính này. Chúng tôi tạo một cookie ở dạng

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3 bằng cách sử dụng thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

2

Bạn chỉ có thể đặt một cookie tại một thời điểm bằng thuộc tính này

Hãy xem ví dụ dưới đây

document.cookie = "UserName = fabuluosDesigns";

Bạn phải sử dụng hàm javascript có sẵn có tên là

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

5 để sử dụng các ký tự đặc biệt khi tạo cookie

Trước khi lưu cookie, chức năng này mã hóa các ký tự đặc biệt như khoảng trắng, dấu chấm phẩy và các ký tự khác

Hãy xem ví dụ dưới đây

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

Tương tự, bạn phải sử dụng hàm

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

6 để đọc giá trị cookie khi bạn muốn đọc cookie

Tuổi thọ của cookie được giới hạn trong thời lượng của phiên trình duyệt hiện tại, do đó, nó sẽ bị xóa khi người dùng thoát khỏi trình duyệt

Nếu bạn cần sử dụng cookie ngoài phiên trình duyệt hiện tại, hãy sử dụng thuộc tính phù hợp với độ tuổi để chỉ định thời gian tồn tại của chúng [tính bằng giây]. Cài đặt

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

7 đặt lượng thời gian cookie có thể được lưu trữ trước khi nó bị xóa khỏi hệ thống của bạn

Hãy xem ví dụ dưới đây. Cookie này có ngày hết hạn 30 ngày

________số 8

Thời gian cookie hợp lệ cũng có thể được chỉ định bằng phần tử

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

8. Cookie này sẽ không bị hủy dựa trên thời lượng mà sẽ lấy ngày thực tế mà cookie hết hạn [ở định dạng GMT/UTC]

Hãy xem ví dụ dưới đây

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

0

Trên tất cả các trang web hoặc trong bất kỳ thư mục con nào của thư mục đó, cookie luôn có sẵn. Nếu bạn chỉ định

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

9, cookie cũng sẽ có sẵn cho tất cả các trang trong thư mục con đó. Chẳng hạn, nếu đường dẫn được đặt thành

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

0, thì cookie sẽ có sẵn trên toàn bộ trang web, bất kể nó được tạo trên trang nào.

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3

Nếu bạn muốn cookie hoạt động trên nhiều tên miền phụ, hãy sử dụng thuộc tính

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

1. Cookie sẽ chỉ có thể truy cập được vào các trang từ tên miền mà cookie đã được đặt

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

5

Ngoài ra, nếu thuộc tính

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

2 được đặt, cookie sẽ chỉ được gửi qua các kết nối an toàn [được mã hóa], chẳng hạn như HTTPS

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

7

Đọc một cookie

Thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

2 chỉ trả về một chuỗi chứa dấu chấm phẩy và danh sách tất cả các cookie được phân tách bằng dấu cách [i. e.

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3 cặp, ví dụ,

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

5]. Chuỗi này không bao gồm bất kỳ đặc điểm nào của cookie, chẳng hạn như hết hạn, đường dẫn, tên miền, v.v.

Để có được một cookie riêng lẻ từ danh sách này, hãy sử dụng phương pháp

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

6 để chia nhỏ cookie đó thành các cặp

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3 riêng lẻ, sau đó tìm kiếm tên bạn muốn, như minh họa trong ví dụ bên dưới

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

3

Trong đoạn mã trên, chúng tôi đã tạo ba chức năng.

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

8,

document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;

9 và

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

00

• setCookie[] - Tạo cookie với thuộc tính

  document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];
  

  7 tùy chọn
• getCookie[] - Chức năng này, đọc giá trị của cookie
• checkCookie[] - Sử dụng

  document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;
  

  9, chức năng này kiểm tra xem

  document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];
  

  03 có được đặt hay không. Nếu được đặt, nó sẽ hiển thị thông báo lời chào. Nếu nó không được đặt, nó sẽ nhắc người dùng nhập tên người dùng của họ và lưu nó vào cookie bằng cách sử dụng

  document.cookie = "Username = coolDesign; max-age =" + 30 * 24 * 60 * 60;
  

  8

Cập nhật cookie

Có thể cập nhật cookie bằng cách đặt giá trị mới cho thuộc tính cookie

Hãy xem ví dụ dưới đây. Chúng tôi cập nhật thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

7 của cookie

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

03 từ 30 ngày thành 365 năm

document.cookie = "UserName = fabuluosDesigns";

3

Xóa cookie

Để xóa một cookie, chỉ cần đổi tên cookie đó bằng cách sử dụng cùng một

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

07, chỉ định một giá trị trống hoặc đặt thuộc tính

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

7 của nó thành 0

document.cookie = "UserName = fabuluosDesigns";

6

Bạn sẽ cần bao gồm thuộc tính tên miền và đường dẫn của cookie khi xóa nó nếu bạn đã chỉ định chúng

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

0

Để xóa cookie bằng thuộc tính expires, chỉ cần thay đổi giá trị [ngày hết hạn] thành một ngày trong quá khứ, như minh họa bên dưới

document.cookie = "UserName=" + encodeURIComponent["fabulous designs"];

1

Phần kết luận

Một số trang và dịch vụ sẽ không hoạt động bình thường nếu tắt cookie. Cookie là cần thiết để một trang web hoạt động bình thường. Mặc dù cần phải xin phép người dùng để sử dụng cookie, nhưng một số cookie thiết yếu không yêu cầu quyền sử dụng chúng

Tóm lại, không cần sự cho phép của người dùng để sử dụng trang web nhưng cần có sự cho phép của người dùng để sử dụng thông tin trang web

JavaScript có thể thao tác cookie không?

Cookie có thể được thao tác?

Làm cách nào để cập nhật cookie bằng JavaScript?

Khách hàng có thể thao tác với cookie không?