Computer >> Máy Tính >  >> Lập trình >> HTML

Phương thức tải lại Vị trí HTML DOM ()

Phương thức reload () của Vị trí HTML DOM được sử dụng để hiển thị lại tài liệu hiện tại. Nó cung cấp chức năng tương tự như nút tải lại trong trình duyệt.

Cú pháp

Sau đây là cú pháp -

location.reload(forceGetParameter)

Tham số

Đây, “forceGetParameter” có thể như sau -

forceGetParameter Chi tiết
true Nó xác định rằng tài liệu hiện tại được tải lại từ máy chủ.
false Nó xác định rằng tài liệu hiện tại được tải lại từ bộ nhớ cache của trình duyệt.

Ví dụ

Hãy để chúng tôi xem ví dụ về Tải lại vị trí () tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Location reload()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
   text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Location-reload( )</legend>
<label for="urlSelect">Email: </label>
<input type="email" id="emailSelect"><br>
<label for="urlSelect">Password: </label>
<input type="password" id="passSelect"><br>
<input type="button" onclick="doReload()" value="Reload">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var emailSelect = document.getElementById("emailSelect");
   var passSelect = document.getElementById("passSelect");
   divDisplay.textContent = 'Do not reload, all the details will be lost';
   function doReload(){
      alert('Page reloaded, all the details are lost');
      location.reload();
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Tải lại’ nút -

Phương thức tải lại Vị trí HTML DOM ()

Nhấp vào ‘Tải lại’ nút sau khi điền thông tin chi tiết -

Phương thức tải lại Vị trí HTML DOM ()