Cách dùng JavaScript để chuyển hướng (redirect) trang HTML?

Chuyển hướng trang (page redirection) là khi click URL trang X nhưng nội bộ dẫn đến trang Y. JavaScript client-side làm điều này 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>

3 cách redirect phổ biến:

// 1. Gán href (phổ biến, giữ lịch sử)
window.location.href = "https://example.com";

// 2. assign() (tương tự href, rõ ràng hơn)
window.location.assign("https://example.com");

// 3. replace() (KHÔNG giữ lịch sử - không bấm Back được)
window.location.replace("https://example.com");

Redirect ngay khi tải trang (không cần nút):

<script>
    // Chuyển hướng ngay lập tức
    window.location.replace("https://example.com");
</script>

Lưu ý:

• Redirect JS chỉ chạy nếu trình duyệt bật JavaScript.
• Google có thể không follow JS redirect cho SEO.
• Ưu tiên redirect server-side (301/302) cho SEO và hiệu năng.
• Dùng replace() cho trang login/logout, trang trung gian để tránh user bấm Back quay lại.