Đôi khi, trang web của công ty có thể thay đổi tên miền hoặc địa chỉ trang web. Nhưng nếu bạn chỉ biết phiên bản trước của trang web, bạn sẽ cố gắng đăng nhập ở đó, phải không? . com. Nhưng thật không may, nó đã thay đổi địa chỉ thành xyz. com
Gì bây giờ?
Trang web sẽ tự động chuyển hướng bạn đến địa chỉ hiện tại của nó.
Bạn có thể chuyển hướng một trang web qua JavaScript bằng một số phương pháp. Trong bài đăng này, chúng tôi sẽ liệt kê các phương pháp khác nhau để chuyển hướng một trang web.
Các cách để chuyển hướng một trang web bằng JavaScript
Trong bài viết này, bạn sẽ tìm hiểu các phương pháp sau để chuyển hướng người dùng từ trang này sang trang khác bằng JavaScript
1] Sử dụng cửa sổ. phương pháp vị trí
Trong JavaScript, cửa sổ. vị trí hoặc đơn giản là đối tượng vị trí được sử dụng để lấy thông tin về vị trí của trang web [tài liệu] hiện tại và cũng có thể sửa đổi nó
Cửa sổ. vị trí đặt vị trí mới của cửa sổ hiện tại
2] Sử dụng cửa sổ. địa điểm. phương pháp href
Phương thức JavaScript này đặt href [URL] mới cho cửa sổ hiện tại. Phương pháp này được sử dụng khi bạn muốn người dùng được chuyển hướng đến một trang khác trong một sự kiện, chẳng hạn như nhấp vào nút.
3] Sử dụng cửa sổ. địa điểm. chỉ định phương pháp
Phương pháp này chỉ định một URL mới cho trang web hiện tại. Nó không lưu trữ URL cũ trong lịch sử phiên. Vì vậy, người dùng không quay lại trang web trước đó
Nhìn vào ví dụ dưới đây -
4] Sử dụng cửa sổ. địa điểm. phương pháp thay thế
Phương pháp này thay thế URL mới cho trang web hiện tại. Nó không lưu trữ URL cũ trong lịch sử. Vì vậy, người dùng không quay lại trang web trước đó
5] Sử dụng bản thân. phương pháp vị trí
Phương thức này đặt vị trí của url hiện tại thành chính nó, điều này gây ra chuyển hướng.
6] Sử dụng hàng đầu. phương pháp vị trí
Phương pháp này đặt vị trí của cửa sổ trên cùng thành cửa sổ mới. Nó được sử dụng nếu bạn đang sử dụng iframe và chúng tôi muốn thay thế vị trí của cửa sổ trên cùng bằng một URL mới
7] Chuyển hướng người dùng sang trang mới sau khi tải trang
Nếu bạn muốn chuyển hướng người dùng đến trang mới ngay sau khi tải trang, hãy sử dụng mã được cung cấp bên dưới. Bạn có thể đặt mã này bên trong thành phần của tài liệu HTML của mình.
Page Redirect
8] Chuyển hướng người dùng đến URL mới sau vài giây trì hoãn
Phương pháp này có thể được sử dụng để chuyển hướng người dùng đến một trang web mới sau một khoảng thời gian ngắn vài giây
Page Redirect
Chức năng trên sẽ chuyển hướng trang 3 giây sau khi tải đầy đủ. Bạn có thể thay đổi 3000 [3 x 1000 tính bằng mili giây] nếu muốn
9] Chuyển hướng người dùng đến url mới trên nút hoặc nhấp vào liên kết
Mã đưa ra dưới đây sẽ chuyển hướng bạn đến một trang khác sau khi bạn nhấp vào nút -
________số 8Các cách chuyển hướng trang web bằng JQuery
Sử dụng phương thức jQuery attr[]
Bạn có thể sử dụng phương thức attr[] trong jQuery để chuyển hướng người dùng đến một trang khác. Nhìn vào kịch bản ví dụ dưới đây -
Trong phương pháp này, một trang web mới sẽ được yêu cầu từ máy chủ trong khi chuyển hướng
Hy vọng bài viết đã có thể làm sáng tỏ những nghi ngờ của bạn về chuyển hướng trang. Hãy thử từng phương pháp một trong khi mã hóa trang web của bạn để xem phương pháp nào hoạt động tốt nhất.
Chuyển hướng trang là tình huống bạn đã nhấp vào một URL để đến trang X nhưng bên trong bạn được chuyển hướng đến một trang Y khác. Nó xảy ra do chuyển hướng trang. Các nhà thiết kế trang web dựa vào chuyển hướng khi có nhu cầu thay đổi bố cục của một trang web cụ thể hoặc vị trí của một trang cụ thể
Để chuyển hướng từ một trang HTML, chúng tôi sử dụng Thẻ META. Cùng với điều này, chúng tôi cũng sử dụng thuộc tính http-equiv để cung cấp tiêu đề HTTP cho giá trị của thuộc tính nội dung. Giá trị trong nội dung là số giây;
Đặt thuộc tính nội dung thành 0, nếu bạn muốn nó tải ngay lập tức. Mặt khác, chỉ định thời gian tính bằng giây nếu bạn muốn trì hoãn việc chuyển hướng một chút
cú pháp
Như chúng ta có thể quan sát rằng chuyển hướng yêu cầu hai tham số -
Thời gian. thể hiện độ trễ trước khi trình duyệt chuyển hướng người dùng đến một trang khác
new_url. đại diện cho địa chỉ URL mà chúng tôi cần chuyển hướng người dùng đến sau thời gian trễ
Sau đây là các ví dụ…
Thí dụ
Trong ví dụ sau, chúng tôi đang chuyển hướng trang này sang một trang khác bằng cách chỉ định liên kết URL trong
Ngay sau khi bạn chạy mã, cửa sổ trình duyệt sẽ mở ra và đợi trong 5 giây trước khi tự động chuyển hướng đến trang chủ điểm hướng dẫn
Trì hoãn trang HTML chuyển hướng
Nếu chúng tôi gặp phải bất kỳ lỗi nào trong khi chuyển hướng đến một trang khác hoặc đôi khi trang chuyển hướng bị chậm, điều đó có thể xảy ra nếu chúng tôi đang sử dụng các trình duyệt cũ. vượt qua điều này, chúng tôi sẽ đề cập đến một liên kết mới đến trang web
Khi thực thi đoạn mã trên, trang web xuất hiện một liên kết mà chúng tôi đã đề cập bằng cách sử dụng a, để tránh độ trễ chuyển hướng