Nếu là một lập trình viên chuyên nghiệp, chắc hẳn bạn đã nắm vững cách chuyển trang trong JavaScript như thế nào. Tuy nhiên, nếu là người mới bắt đầu thì bạn sẽ khá bỡ ngỡ. Cùng chúng mình tham khảo bài viết dưới đây để không gặp khó khăn khi muốn chuyển trang hay điều hướng trang trong JavaScript nữa bạn nhé!
Mục lục
Khi nào cần chuyển trang trong JavaScript?
Khi nhấp vào một URL để tới một trang A, bạn sẽ có thể gặp trường hợp bị chuyển hướng đến một trang B khác. Điều này xảy ra do tác động từ page redirection – điều hướng lại trang gây ra. Có nhiều lý do khiến bạn muốn chuyển trang, một số lý do cơ bản có thể kể đến chính là:
- Bạn không thích tên miền cũ và bạn muốn chuyển tới một tên miền mới. Với trường hợp này, bạn có thể điều hướng trực tiếp mọi khách truy cập và tên miền của bạn tới một site mới.
- Bạn đã xây dựng nhiều trang khác nhau dựa theo các trình duyệt hoặc dựa trên các quốc gia khác nhau. Thay vì sử dụng sự điều hướng lại trang ở Server-Side, bạn vẫn có thể sử dụng chuyển trang tại Client-Side để chuyển người dùng tới trang mong muốn.
- Bạn có thể sử dụng sự điều hướng lại trang ở Client-Side nếu không muốn đánh mất khách truy cập thông qua các phương tiện tìm kiếm.
Page redirection – chuyển hướng trang trong JavaScript làm việc như thế nào?
Khi chuyển trang trong JavaScript thì quy trình thực hiện Page Redirection tại Client-Side khá đơn giản. Bạn chỉ cần thêm một dòng code ở ngay trong khu vực head như ví dụ sau:
Bạn có thể thông báo cho khách truy cập bằng một dòng hiển thị trước khi điều hướng họ tới một trang mới. Điều này có thể sẽ khiến việc tải trang mới trì hoãn một chút. Ví dụ sau thể hiện cách thực hiện này. Tại đây, JavaScript có sẵn hàm setTimeout(). Chúng có thể sử dụng để thực thi lệnh theo một khoảng thời gian đã cho.
Ví dụ chuyển trang trong JavaScript sau chỉ cách điều hướng khách truy cập của bạn tới một trang khác theo trên trình duyệt họ sử dụng:
Bên trên là những thông tin bạn có thể áp dụng ngay vào quá trình làm việc của mình. Hãy mạnh dạn áp dụng nếu bạn đang có nhu cầu chuyển trang trong JavaScript. Chúc các bạn thực hiện thành công! Đừng quên theo dõi các bài viết tiếp theo của Got It để có thêm những thông tin hữu ích khác bạn nhé!
