Cách liên kết trang này với trang khác trong html bằng javascript

Chúng tôi có thể thêm các liên kết trang vào một trang web. Liên kết HTML là siêu liên kết. Thẻ xác định một siêu liên kết và được sử dụng để liên kết từ trang này sang trang khác. Thuộc tính href được sử dụng với thẻ, cho biết đích của liên kết

Để tạo liên kết trang trong trang HTML, chúng ta cần sử dụng thuộc tính href của thẻ và. Đảm bảo rằng thẻ được đặt trong thẻ …

Văn bản liên kết có thể nhìn thấy. Nhấp vào văn bản liên kết sẽ điều hướng đến địa chỉ URL được chỉ định. Theo mặc định, các liên kết sẽ xuất hiện như sau trên trang web của trình duyệt

  • Một liên kết chưa được truy cập được gạch chân và có màu xanh lam

  • Một liên kết đã truy cập được gạch chân và có màu tím

  • Một liên kết hoạt động được gạch dưới và màu đỏ

cú pháp

Sau đây là cú pháp tạo liên kết trang trên trang web

 text of the link 

Ví dụ

Chương trình ví dụ sau để tạo liên kết trang trên tài liệu web

HTML Article on Links

Click this to navigate to the Google home page

Sau đây là kết xuất cho hình ảnh dưới dạng liên kết, nhấp vào hình ảnh sẽ điều hướng chúng ta đến trang chủ google

Cửa sổ. đối tượng vị trí chứa vị trí hiện tại hoặc thông tin URL. Chúng tôi có thể chuyển hướng người dùng đến một trang web khác bằng các thuộc tính của đối tượng này. cửa sổ. vị trí có thể được viết mà không có cửa sổ tiền tố

Chúng tôi sử dụng các thuộc tính sau của cửa sổ. đối tượng vị trí để chuyển hướng người dùng đến một trang web khác -

  • cửa sổ. vị trí. href- nó trả về URL (href) của trang hiện tại

  • cửa sổ. vị trí. replace()- nó thay thế tài liệu hiện tại bằng tài liệu mới

  • cửa sổ. vị trí. gán() tải một tài liệu mới

Các cú pháp dưới đây được sử dụng để chuyển hướng đến một trang web khác. Chúng tôi bỏ qua tiền tố cửa sổ và chỉ sử dụng vị trí trong tất cả các ví dụ về chương trình. Bạn có thể thử chạy các chương trình bằng tên đầy đủ tôi. e. cửa sổ. vị trí

cú pháp

location.href = "url";
location.replace("url");
location.assign("url");

Thông số

url- đó là URL của trang web mới

Chuyển hướng sử dụng vị trí. href

Cửa sổ. vị trí. thuộc tính href có thể được sử dụng để chuyển hướng đến một trang khác. Chúng ta có thể sử dụng các cú pháp sau để chuyển hướng -

Window.location.href = "url";
Location.href = "url";
location = "url";

Các cú pháp được đề cập ở trên tương đương với nhau, bạn có thể sử dụng bất kỳ cú pháp nào cho mục đích chuyển hướng người dùng đến một trang web khác

Hãy hiểu với sự trợ giúp của một ví dụ hoàn chỉnh -

Ví dụ

Trong ví dụ bên dưới, chúng tôi chuyển hướng người dùng đến một trang web khác (https. //www. totorix. com) sử dụng vị trí. phương thức gán (url)

Tiếp cận. Chúng ta có thể sử dụng cửa sổ. thuộc tính vị trí bên trong thẻ tập lệnh để tải mạnh một trang khác trong Javascript. Nó là một tham chiếu đến một đối tượng Vị trí, nó đại diện cho vị trí hiện tại của tài liệu. Chúng tôi có thể thay đổi URL của một cửa sổ bằng cách truy cập nó

cú pháp

<script>
    window.location = <Path / URL>
</script>

Ví dụ

<script>
    window.location = "https://www.geeksforgeeks.org/"
</script>

Vì vậy, trong ví dụ trên, chúng ta thấy rằng bằng cách thay đổi cửa sổ. đối tượng vị trí bên trong Javascript, chúng tôi có thể thay đổi URL của cửa sổ của mình và do đó tải thành công bất kỳ trang nào từ Javascript của chúng tôi mà không cần bất kỳ thẻ href nào. Chúng tôi sẽ xây dựng một mẫu làm việc nhỏ để tìm hiểu nó một cách thực tế.  

Dưới đây là từng bước thực hiện

Step 1: Create a file named index.html. Add a heading and two buttons to it. One button forcefully loads a page with a live URL and the other button loads a local HTML page. In the