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

Cách chuyển hướng trang web của tôi bằng JavaScript?

Chuyển hướng trang (page redirection) xảy ra khi bạn click URL trang X nhưng bị dẫn đến trang Y. JavaScript client-side thực hiện rất đơn giản.

Ví dụ: Chuyển hướng đến trang chủ khi nhấn nút

<!DOCTYPE html>
<html>
<head>
    <script>
        function Redirect() {
            window.location.assign("https://www.example.com");
        }
    </script>
</head>
<body>
    <p>Nhấn nút bên dưới, bạn sẽ được chuyển đến trang chủ.</p>
    <input type="button" value="Chuyển hướng" onclick="Redirect();" />
</body>
</html>

Các phương thức redirect:

  • window.location.href = "url" — Cách phổ biến, giữ lịch sử.
  • window.location.assign("url") — Tương tự, rõ ràng hơn.
  • window.location.replace("url") — Không giữ lịch sử, không bấm Back được.

Khi nào dùng replace()?

  • Sau đăng nhập thành công (tránh Back về trang login).
  • Trang trung gian (gateway, payment redirect).
  • Chuyển hướng vĩnh viễn (moved permanently).

Best practice: Nên dùng redirect server-side (HTTP 301/302) qua cấu hình web server hoặc backend code cho SEO và hiệu năng tốt nhất.