HOME › học javascript - lập trình javascript cơ bản>>16. javascript và broswer

Tải lại trang bằng JavaScript (location.reload)

27 tháng 6 ,2022

Hướng dẫn cách tải lại trang bằng JavaScript. Bạn sẽ biết cách sử dụng thuộc tính location.reload để load lại trang bằng JavaScript sau bài học này.

location.reload trong JavaScript là gì

location.reload trong JavaScript là một phương thức của window.location Object, có tác dụng tải (load) lại trang hiện tại.

Cú pháp của location.reload để tải lại trang như sau:

location.reload()

Với việc tải lại trang bằng location.reload, trang web được tải lại sẽ không được thêm vào lịch sử truy cập, mà chỉ có nội dung hiện tại của nó được tải lại mà thôi.

Tải lại trang bằng location.reload trong JavaScript phương thức location.reload với mã HTML sau đây:

<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<title>Sample</title>
</head>
<body>

<h1>Sample</h1>

<p id="msg">Ví dụ tải lại trang</p>

<input type="button" value="reload" id="btnReload">

<script>
let d = new Date();
let element = document.getElementById('msg');
element.insertAdjacentHTML('afterend', '<p>' + d.toTimeString() + '</p>');

let btnReload = document.getElementById('btnReload');
btnReload.addEventListener('click', function(){
    location.reload();
});
</script>

</body>
</html>

Với mã HTML trên, sau khi click vào nút reload thì nội dung trang sẽ được tải lại, và thông tin về thời gian hiện tại cũng sẽ được làm mới như sau:

Tổng kết

Trên đây Kiyoshi đã hướng dẫn bạn cách Tải lại trang bằng JavaScript bằng location.reload rồi. Để nắm rõ nội dung bài học hơn, bạn hãy thực hành viết lại các ví dụ của ngày hôm nay nhé.

Và hãy cùng tìm hiểu những kiến thức sâu hơn về JavaScript trong các bài học tiếp theo.