Đôi khi, các nhà phát triển muốn làm mới trang web thường xuyên trong khi tạo các ứng dụng web, chẳng hạn như blog hoặc trang web nơi nội dung có thể thay đổi tùy thuộc vào hành động của người dùng. Mọi thông tin cập nhật dựa trên các tương tác của người dùng này sẽ được hiển thị khi trang được làm mới hoặc tải lại. Với mục đích này, JavaScript cung cấp một số phương thức dựng sẵn sẽ được thảo luận bên dưới.
Bài đăng này sẽ minh họa các cách tải lại trang bằng JavaScript.
Làm cách nào để tải lại trang bằng JavaScript?
Để tải lại hoặc làm mới trang, hãy sử dụng các phương pháp sau trong JavaScript:
Phương pháp 1: Tải lại trang bằng phương thức reload()
Sử dụng ' vị trí.reload() ” để tải lại trang. Nó hoạt động giống như nút làm mới của trình duyệt. Các ' tải lại() ” phương thức chịu trách nhiệm tải lại trang, trong khi “ vị trí ” là một giao diện cho biết vị trí thực tế (URL) của đối tượng mà nó được liên kết. Có thể truy cập URL của trang để làm mới bằng “ tài liệu.location ' hoặc là ' cửa sổ.vị trí ”.
cú pháp
Sử dụng cú pháp sau để tải lại trang hiện tại bằng phương thức reload():
window.location.reload ( ) ;Ví dụ 1: Làm mới khi nhấp vào nút
Tạo một nút và đính kèm một “ trong một cái nhấp chuột ” sự kiện trên đó sẽ gọi JavaScript được xác định trước “ tải lại() ' phương pháp:
< cái nút trong một cái nhấp chuột = 'window.location.reload()' > Làm cho khỏe lại / Tải lại trang cái nút >Đầu ra cho biết rằng trang được làm mới hoặc tải lại khi nhấp vào nút:
Ví dụ 2: Tự động làm mới bằng phương thức setTimeout() Với phương thức reload()
Đặt thời gian tự động làm mới trang bằng nút “ setTimeout() ' phương pháp. Đầu tiên, chúng ta sẽ định nghĩa một phương thức “ Làm tươi() ” lấy một khoảng thời gian làm tham số để làm mới trang sau khoảng thời gian đó. Gọi phương thức setTimeout() và sau đó gọi phương thức reload():
hàm số Làm tươi ( thời gian ) {setTimeout ( ( ) = > {
tài liệu.location.reload ( ĐÚNG VẬY ) ;
} , thời gian ) ;
}
Ở đây, chúng ta sẽ thiết lập thời gian 2 giây refresh trang sau mỗi 2 giây:
window.onload = làm mới ( 2000 ) ;Như bạn có thể thấy rằng trang được tự động làm mới sau 2 giây:
Phương pháp 2: Tải lại trang bằng phương thức go()
Một cách tiếp cận khác để làm mới trang là “ lịch sử.go() ' phương pháp. Đưa vào một giá trị dương hoặc âm có thể được sử dụng như bình thường để di chuyển lùi hoặc tiến. Để làm mới, hãy vượt qua nút “ 0 ” giá trị trung lập hoặc không có gì.
cú pháp
Làm theo cú pháp đã cho để tải lại trang:
history.go ( )Thí dụ
Ở đây, chúng tôi sẽ gọi là “ lịch sử.go() ” trong sự kiện click của nút:
< cái nút trong một cái nhấp chuột = 'lịch sử.go()' > Làm cho khỏe lại / Tải lại trang cái nút >đầu ra
Đó là tất cả về việc tải lại/làm mới các trang web bằng JavaScript.
Phần kết luận
Để tải lại trang web bằng JavaScript, hãy sử dụng “ window.location.reload() ” phương pháp hoặc “ lịch sử.go() ' phương pháp. Phương thức reload() là phương pháp được sử dụng phổ biến nhất để tải lại hoặc làm mới trang web. Bài đăng này minh họa các cách làm mới trang bằng JavaScript.