Cách dùng window.location để chuyển hướng (redirect) sang URL khác?

Bạn từng click vào URL trang X nhưng bị chuyển đến trang Y? Đó là chuyển hướng trang (page redirection).

Rất đơn giản để redirect bằng JavaScript client-side. Để chuyển người truy cập đến trang mới, thêm dòng sau trong phần head hoặc script:

Ví dụ: Chuyển hướng khi nhấn nút

<!DOCTYPE html>
<html>
<head>
    <script>
        function chuyenHuong() {
            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="chuyenHuong();" />
</body>
</html>

Các phương thức của window.location:

Phương thức	Mô tả
`location.href = url`	Cách phổ biến nhất, giống click link.
`location.assign(url)`	Tương tự href, cho phép quay lại (back button).
`location.replace(url)`	Thay thế entry lịch sử, không quay lại được bằng nút Back.
`location.reload()`	Tải lại trang hiện tại.

Khi nào dùng cái nào?

Chuyển hướng bình thường: location.href hoặc assign().
Sau khi login/xử lý xong, không muốn user quay lại trang login: replace().
Redirect ngay khi load trang: đặt code trong <script> ở <head> (không cần hàm).

// Redirect ngay lập tức
window.location.href = "https://www.example.com";

// Hoặc không vào lịch sử
window.location.replace("https://www.example.com");