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.