Refresh trang trong JavaScript

Trang trước
Trang sau  

Bạn có thể refresh một trang web bởi sử dụng phương thức location.reload trong JavaScript. Code này có thể được gọi tự động trên một sự kiện hoặc đơn giản khi người dùng click trên một link. Nếu bạn muốn refresh một trang web bởi sử dụng cú nhấp chuột, bạn có thể sử dụng code sau:

<a href="javascript:location.reload(true)">Refresh Page</a>

Để hiểu sâu hơn, bạn có thể: Refresh trang.

Refresh tự động

Bạn cũng có thể sử dụng JavaScript để refresh trang một cách tự động sau một khoảng thời gian đã cho. Ở đây, setTimeout() là một hàm có sẵn trong JavaScript mà có thể được sử dụng để thực thi hàm khác sau một quãng thời gian đã cho.

Ví dụ

Quảng cáo

Bạn thử ví dụ sau. Nó chỉ cách refresh một trang sau mỗi 5 giây. Bạn có thể thay đổi thời gian này tùy theo bạn.

<html>
   <head>
      
      <script type="text/JavaScript">
         <!--
            function AutoRefresh( t ) {
               setTimeout("location.reload(true);", t);
            }
         //-->
      </script>
      
   </head>
   
   <body onload="JavaScript:AutoRefresh(5000);">
      <p>This page will refresh every 5 seconds.</p>
   </body>
   
</html>

Kết quả

This page will refresh every 5 seconds.

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ

Các bạn có thể mua thêm khóa học JAVA CORE ONLINE VÀ ỨNG DỤNG cực hay, giúp các bạn vượt qua các dự án trên trường và đi thực tập Java. Khóa học có giá chỉ 300K, nhằm ưu đãi, tạo điều kiện cho sinh viên cho thể mua khóa học.

Nội dung khóa học gồm 16 chuơng và 100 video cực hay, học trực tiếp tại https://www.udemy.com/tu-tin-di-lam-voi-kien-thuc-ve-java-core-toan-tap/ Bạn nào có nhu cầu mua, inbox trực tiếp a Tuyền, cựu sinh viên Bách Khoa K53, fb: https://www.facebook.com/tuyen.vietjack

Follow facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Các bài học JavaScript khác tại VietJack:

Trang trước
Trang sau  
dieu_huong_trang_trong_javascript.jsp
Bài viết liên quan