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

Cách Chuyển Hướng Khách Truy Cập Sang Trang/Khác Với JavaScript

Học cách và lý do chuyển hướng khách truy cập sang URL khác, với object window.location của JavaScript.

Cách chuyển trang (page redirect)

Để chuyển hướng khách truy cập sang URL mới, chỉ cần thực thi JavaScript sau trên trang muốn chuyển hướng:

window.location = "https://wheretoredirect.com"

Bạn có thể chèn mã trong file .js ngoài hoặc đặt inline trong section head (<head>) của trang:

<script type="text/javascript"> window.location = "https://wheretoredirect.com" </script>

Bây giờ bất kỳ khách truy cập nào vào https://yourwebsite.com sẽ ngay lập tức chuyển hướng đến URL bạn chỉ định làm giá trị window.location.

Bạn có thể dùng page redirect để dẫn khách đến:

  • domain website khác (từ oldsite.com sang newsite.com).
  • trang/bài viết khác trên cùng domain (yourwebsite.com/your-post).
  • thư mục con trên cùng domain (yourwebsite.com/archive).
  • subdomain (support.yourdomain.com).

Đảm bảo dùng đúng giao thức website (https, www, https://www, v.v.) khi chuyển hướng user.

Hiển thị thông báo trước khi chuyển hướng

Để tăng trải nghiệm user, hiển thị thông báo cho khách và trì hoãn chuyển hướng với countdown timer. Così khách không bị bối rối vì đột ngột chuyển sang URL/domain khác.

Lấy cùng mã trước, thêm:

  • thông báo giải thích tại sao bị chuyển hướng.
  • countdown timer thực thi mã chuyển hướng sau 5 giây.

Hiển thị thông báo + countdown timer:

function showMessageBeforeRedirect() { window.location = "https://wheretoredirect.com" } document.write("Bạn sẽ chuyển sang domain mới sau 5 giây :-)") setTimeout("showMessageBeforeRedirect()", 5000)

Giá trị 5000 là mili-giây.

Thử thêm mã vào <head> website như trước:

<script type="text/javascript"> function showMessageBeforeRedirect() { window.location = "https://wheretoredirect.com" } document.write("Bạn sẽ chuyển sang domain mới sau 5 giây :-)") setTimeout("showMessageBeforeRedirect()", 5000) </script>

Xem ví dụ CodePen.

Tại sao bạn muốn chuyển hướng khách?

Vài lý do thực tế muốn redirect user:

  • Chuyển domain mới, muốn người dùng domain cũ được dẫn sang domain mới.
  • Có nhiều phiên bản website, ví dụ một cho legacy browser, một cho modern browser, muốn user land đúng phiên bản phù hợp trình duyệt.
  • Có nhiều phiên bản ngôn ngữ cùng website, muốn user cài tiếng Việt trong trình duyệt được dẫn đến yourwebsite.com/vn.