Hướng dẫn can i store data in html? - tôi có thể lưu trữ dữ liệu trong html không?
|
Tôi đang tạo một trang có một số tương tác được cung cấp bởi JavaScript. Chỉ là một ví dụ: các liên kết gửi yêu cầu AJAX để lấy nội dung của các bài viết và sau đó hiển thị dữ liệu đó trong một div. Rõ ràng trong ví dụ này, tôi cần mỗi liên kết để lưu trữ thêm một chút thông tin: ID của bài viết. Cách tôi xử lý nó trong trường hợp là đặt thông tin đó vào liên kết HREF này: Show
Sau đó, tôi sử dụng jQuery để tìm các phần tử a.article và gắn trình xử lý sự kiện thích hợp. (Đừng quá quàng cổ về khả năng sử dụng hoặc ngữ nghĩa ở đây, đó chỉ là một ví dụ) Dù sao, phương pháp này hoạt động, nhưng nó có mùi một chút và hoàn toàn không thể mở rộng (điều gì xảy ra nếu hàm nhấp có nhiều tham số? Điều gì sẽ xảy ra nếu một số tham số đó là tùy chọn?) Câu trả lời rõ ràng ngay lập tức là sử dụng các thuộc tính trên phần tử. Ý tôi là, đó là những gì họ dành cho, phải không? (Loại). Trong câu hỏi gần đây của tôi, tôi đã hỏi liệu phương pháp này có hợp lệ không, và hóa ra việc xác định DTD của riêng tôi (tôi không), thì không, nó không hợp lệ hoặc đáng tin cậy. Một phản hồi phổ biến là đưa dữ liệu vào thuộc tính Một phương pháp khác mà tôi đã sử dụng trong quá khứ là thực sự tạo ra một số JS và chèn nó vào trang trong thẻ Vì vậy, để có được câu hỏi, làm thế nào để bạn lưu trữ các mẩu thông tin tùy ý cho các thẻ HTML?how do you store arbitrary pieces of information for HTML tags? Lưu trữ web là một trong những tính năng tuyệt vời của HTML5. Với tính năng lưu trữ web, các ứng dụng web có thể lưu trữ dữ liệu cục bộ trong trình duyệt ở phía máy khách. Nó lưu trữ dữ liệu dưới dạng cặp khóa/giá trị trên trình duyệt. Lưu trữ web đôi khi còn được gọi là lưu trữ DOM. Lưu trữ dữ liệu với sự trợ giúp của lưu trữ web tương tự như cookie, nhưng nó tốt hơn và nhanh hơn lưu trữ cookie. So với Cookies Web Storage có những lợi thế sau:
Các loại lưu trữ webCó hai loại lưu trữ web với phạm vi và tuổi thọ khác nhau.
Lưu ý: Đối với cả loại lưu trữ, dữ liệu lưu trữ web sẽ không có sẵn cho các trình duyệt khác nhau và kích thước lưu trữ có thể thay đổi từ trình duyệt đến trình duyệt.Hỗ trợ trình duyệt cho lưu trữ webTrước khi học để lưu trữ web, chúng tôi phải kiểm tra xem trình duyệt của chúng tôi có hỗ trợ lưu trữ web hay không. Vì vậy, bạn có thể kiểm tra bằng cách thực thi mã sau: Đối tượng địa phươngĐối tượng LocalStorage lưu trữ dữ liệu cục bộ trong trình duyệt. Dữ liệu được lưu trữ bởi đối tượng LocalStroage không có bất kỳ ngày hết hạn nào. Do đó, dữ liệu được lưu trữ sẽ không bị xóa nếu trình duyệt được đóng hoặc mở lại. Mỗi mảnh dữ liệu được lưu trữ trong các cặp giá trị khóa đơn giản. Khóa/giá trị luôn được lưu trữ dưới dạng chuỗi và có thể được truy cập bằng phương thức localStorage.getItem () và localStorage.setItem (). Example:Kiểm tra nó ngay bây giờĐối tượng địa phương
Trong ví dụ trên, chúng tôi đã sử dụng typeof (lưu trữ)! == "Không xác định" để kiểm tra hỗ trợ trình duyệt.LocalStorage.setItem ("Tên", "Harshita") được sử dụng để đặt dữ liệu khóa và giá trị trong đó "Tên" là khóa và "Harshita" là giá trị. LocalStorage.name được sử dụng để truy xuất các giá trị bằng khóa. Bạn cũng có thể sử dụng một phương thức khác: LocalStorage.getItem để truy xuất giá trị.Kiểm tra nó ngay bây giờĐối tượng địa phươngĐối tượng LocalStorage lưu trữ dữ liệu cục bộ trong trình duyệt. Dữ liệu được lưu trữ bởi đối tượng LocalStroage không có bất kỳ ngày hết hạn nào. Do đó, dữ liệu được lưu trữ sẽ không bị xóa nếu trình duyệt được đóng hoặc mở lại. Mỗi mảnh dữ liệu được lưu trữ trong các cặp giá trị khóa đơn giản. Khóa/giá trị luôn được lưu trữ dưới dạng chuỗi và có thể được truy cập bằng phương thức localStorage.getItem () và localStorage.setItem ().localStorage.hits to set a counter Ví dụ giải thích:Trong ví dụ trên, chúng tôi đã sử dụng typeof (lưu trữ)! == "Không xác định" để kiểm tra hỗ trợ trình duyệt.LocalStorage.setItem ("Tên", "Harshita") được sử dụng để đặt dữ liệu khóa và giá trị trong đó "Tên" là khóa và "Harshita" là giá trị. Kiểm tra nó ngay bây giờĐối tượng địa phươngĐối tượng LocalStorage lưu trữ dữ liệu cục bộ trong trình duyệt. Dữ liệu được lưu trữ bởi đối tượng LocalStroage không có bất kỳ ngày hết hạn nào. Do đó, dữ liệu được lưu trữ sẽ không bị xóa nếu trình duyệt được đóng hoặc mở lại.sessionStorage.hits for session storage. Mỗi mảnh dữ liệu được lưu trữ trong các cặp giá trị khóa đơn giản. Khóa/giá trị luôn được lưu trữ dưới dạng chuỗi và có thể được truy cập bằng phương thức localStorage.getItem () và localStorage.setItem (). Ví dụ giải thích:Trong ví dụ trên, chúng tôi đã sử dụng typeof (lưu trữ)! == "Không xác định" để kiểm tra hỗ trợ trình duyệt.LocalStorage.setItem ("Tên", "Harshita") được sử dụng để đặt dữ liệu khóa và giá trị trong đó "Tên" là khóa và "Harshita" là giá trị. LocalStorage.name được sử dụng để truy xuất các giá trị bằng khóa. Bạn cũng có thể sử dụng một phương thức khác: LocalStorage.getItem để truy xuất giá trị.
Ví dụ 2:Kiểm tra nó ngay bây giờĐối tượng địa phươngĐối tượng LocalStorage lưu trữ dữ liệu cục bộ trong trình duyệt. Dữ liệu được lưu trữ bởi đối tượng LocalStroage không có bất kỳ ngày hết hạn nào. Do đó, dữ liệu được lưu trữ sẽ không bị xóa nếu trình duyệt được đóng hoặc mở lại.localStorage.removeItem("name"); Which will delete the value for the key "name". Bạn có thể xóa ID cho một khóa cụ thể hoặc bạn cũng có thể xóa tất cả dữ liệu bằng phương thức localStorage.clear ().localStorage.clear() method. Hỗ trợ trình duyệt:
Làm cách nào để lưu thông tin trong HTML?Lưu tài liệu HTML.. Trên menu chính, nhấp vào Tệp> Lưu .. Trên thanh công cụ Trình chỉnh sửa HTML, nhấp vào biểu tượng Lưu .. Nhấn Ctrl+S .. Nhấp chuột phải vào tài liệu HTML, nhấp vào Tệp> Lưu. Nếu tệp chưa bao giờ được lưu trước đó, CuteFTP sẽ mở hộp thoại Save As .. Thẻ nào được sử dụng để lưu trữ dữ liệu trong HTML?Định nghĩa và sử dụng Thẻ được sử dụng để thêm bản dịch có thể đọc được bằng máy của một nội dung nhất định.Yếu tố này cung cấp cả giá trị có thể đọc được bằng máy cho bộ xử lý dữ liệu và giá trị có thể đọc được của con người để kết xuất trong trình duyệt. tag is used to add a machine-readable translation of a given content. This element provides both a machine-readable value for data processors, and a human-readable value for rendering in a browser.
Bạn có thể lưu trữ dữ liệu trên một trang web không?Các trình duyệt web hiện đại hỗ trợ một số cách để các trang web lưu trữ dữ liệu trên máy tính của người dùng - với sự cho phép của người dùng - sau đó lấy lại khi cần thiết.Điều này cho phép bạn tồn tại dữ liệu để lưu trữ dài hạn, lưu các trang web hoặc tài liệu để sử dụng ngoại tuyến, giữ lại các cài đặt dành riêng cho người dùng cho trang web của bạn và hơn thế nữa.. This lets you persist data for long-term storage, save sites or documents for offline use, retain user-specific settings for your site, and more.
Làm thế nào để bạn hiển thị dữ liệu trong HTML?JavaScript có thể "hiển thị" dữ liệu theo những cách khác nhau:.. Viết vào một phần tử HTML, sử dụng InternalHTML .. Viết vào đầu ra HTML bằng document.write () .. Viết vào một hộp cảnh báo, sử dụng window.alert () .. Viết vào bảng điều khiển trình duyệt, sử dụng Console.log () .. |
