Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Phương thức Location.assign() trong HTML

Phương thức location.assign() tải một tài liệu HTML mới mà không thay thế URL hiện tại trong lịch sử duyệt web (người dùng vẫn có thể bấm "Quay lại").

Cú pháp

location.assign(URL)

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
    text-align: center;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 20px;
    width: 330px;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
</style>
<body>
<h1>Demo location.assign()</h1>
<button class="btn" onclick="loadPage()">Tải Tutorialspoint</button>
<script>
  function loadPage() {
    location.assign("https://www.tutorialspoint.com/");
  }
</script>
</body>
</html>

Kết quả

Nhấn "Tải Tutorialspoint" → trang tutorialspoint.com tải trong tab hiện tại, nút "Quay lại" trình duyệt vẫn hoạt động.

So sánh: location.replace() thay thế trang hiện tại trong lịch sử (không quay lại được). location.href = ... hành vi giống assign().