Giữ các thay đổi javascript sau khi làm mới
Khi bạn đang phát triển các ứng dụng như blog hoặc trang mà dữ liệu có thể thay đổi dựa trên hành động của người dùng, bạn sẽ muốn trang đó làm mới thường xuyên Show
Khi trang làm mới hoặc tải lại, nó sẽ hiển thị mọi dữ liệu mới dựa trên các tương tác của người dùng đó. Tin tốt - bạn có thể triển khai loại chức năng này trong JavaScript bằng một dòng mã Trong bài viết này, chúng ta sẽ tìm hiểu cách tải lại một trang web bằng JavaScript, cũng như xem một số tình huống khác mà chúng ta có thể muốn triển khai các lần tải lại này và cách thực hiện Đây là một Scrim tương tác về cách làm mới trang trong JavaScriptCách làm mới trang bằng JavaScript với location.reload()Bạn có thể sử dụng phương thức JavaScript Phương thức 0Sau đây là cú pháp tải lại một trang
Ghi chú. Khi bạn đọc qua một số tài nguyên về “tải lại trang bằng JavaScript”, bạn sẽ bắt gặp nhiều cách giải thích khác nhau cho biết rằng phương thức relaod lấy các giá trị boolean làm tham số và rằng ___________1 giúp buộc tải lại để bỏ qua bộ đệm của nó. Nhưng đây không phải là trường hợp Theo Tài liệu MDN, tham số boolean không phải là một phần của thông số kỹ thuật hiện tại cho Mặt khác, các trình duyệt như Firefox hỗ trợ sử dụng tham số boolean không chuẩn được gọi là 4 cho location.reload() , hướng dẫn Firefox bỏ qua bộ đệm của nó và buộc tải lại tài liệu hiện tạiNgoài Firefox, bất kỳ tham số nào bạn chỉ định trong lệnh gọi Cách thực hiện tải lại/làm mới trang trong JavaScript khi một nút được nhấpCho đến giờ chúng ta đã thấy cách tải lại hoạt động trong JavaScript. Bây giờ, hãy xem cách bạn có thể triển khai điều này khi một sự kiện xảy ra hoặc khi một hành động như nhấp vào nút xảy ra
Ghi chú. Điều này hoạt động tương tự như khi chúng ta sử dụng 7Cách tự động làm mới/tải lại trang trong JavaScriptChúng tôi cũng có thể cho phép làm mới trang sau một thời gian cố định bằng cách sử dụng phương pháp 8 như bên dưới
Sử dụng mã trên trang web của chúng tôi sẽ tải lại sau mỗi 3 giây Cho đến giờ, chúng ta đã biết cách sử dụng phương thức tải lại trong tệp HTML của mình khi chúng tôi đính kèm nó vào các sự kiện cụ thể, cũng như trong tệp JavaScript của chúng tôi Cách làm mới/tải lại trang bằng chức năng lịch sử trong JavaScriptChức năng Lịch sử là một phương pháp khác để làm mới trang. Hàm lịch sử được sử dụng như thường lệ để điều hướng quay lại hoặc chuyển tiếp bằng cách chuyển vào giá trị dương hoặc âm Ví dụ: nếu chúng ta muốn quay ngược thời gian, chúng ta sẽ sử dụng ________số 8_______Điều này sẽ tải trang và đưa chúng tôi đến trang trước mà chúng tôi đã điều hướng đến. Nhưng nếu chúng tôi chỉ muốn làm mới trang hiện tại, chúng tôi có thể làm như vậy bằng cách không chuyển bất kỳ tham số nào hoặc bằng cách chuyển 9 (một giá trị trung tính)
Ghi chú. Điều này cũng hoạt động giống như cách chúng ta thêm phương thức 8 và sự kiện nhấp chuột trong HTMLkết thúcTrong bài viết này, chúng ta đã học cách làm mới trang bằng JavaScript. Chúng tôi cũng đã làm rõ một quan niệm sai lầm phổ biến dẫn đến việc mọi người chuyển tham số boolean vào phương thức Cảm ơn vì đã đọc QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Nhà phát triển Frontend & Người viết kỹ thuật Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Làm cách nào để giữ các thay đổi JavaScript sau khi làm mới?Cách dễ nhất để tải lại trang hiện tại mà không làm mất bất kỳ dữ liệu biểu mẫu nào trong Javascript là sử dụng localStorage . JavaScript là một trong những ngôn ngữ lập trình được sử dụng rộng rãi bởi các nhà phát triển. Nó bổ sung các chức năng động cho các trang web tĩnh và giúp các nhà phát triển tạo các trang web tương tác.
Làm cách nào để lưu các thay đổi trong js?Sau khi tải hoàn toàn một trang web, hãy nhấn phím F12 để mở công cụ dành cho nhà phát triển, sau đó mở tab 'Nguồn'. Bây giờ hãy mở bất kỳ tệp Javascript nào được tải trên trình duyệt và bạn có thể chỉnh sửa trực tiếp tệp đó bằng cách nhấp vào bất kỳ đâu trong tệp đó. Sau khi thực hiện sửa đổi nhấn Ctrl+S để lưu thay đổi .
Làm cách nào để kích hoạt trang Làm mới JavaScript?Bạn có thể sử dụng vị trí. reload() Phương thức JavaScript để tải lại URL hiện tại . Phương pháp này hoạt động tương tự như nút Làm mới của trình duyệt. Phương thức reload() là phương thức chính chịu trách nhiệm tải lại trang. |