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 linkVí 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 = "//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 tag we have two functions, one loads gfg home page, and the second loads a local HTML page using window.location property.
mục lục. html
<!DOCTYPE html>
<html lang="en">
<<script> window.location = "//www.geeksforgeeks.org/" </script>1____42_______
<script> window.location = "//www.geeksforgeeks.org/" </script>3<<script> window.location = "//www.geeksforgeeks.org/" </script>5 <script> window.location = "//www.geeksforgeeks.org/" </script>6=5_______8>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<<script> window.location = "//www.geeksforgeeks.org/" </script>5 <!DOCTYPE html>3=<!DOCTYPE html>5
<!DOCTYPE html>6<!DOCTYPE html>7_______40_______<!DOCTYPE html>9_______42_______
<script> window.location = "//www.geeksforgeeks.org/" </script>3<<script> window.location = "//www.geeksforgeeks.org/" </script>5 <4=37_______6 <!DOCTYPE html>7=
<!DOCTYPE html>6html0>
html2<script> window.location = "//www.geeksforgeeks.org/" </script>1>
<html7>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<lang1lang2lang1>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<lang7>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<=2 =3=40_______5>
<!DOCTYPE html>6=8
<script> window.location = "//www.geeksforgeeks.org/" </script>3html2=2>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<lang7"en"6_______39_______7>
<script> window.location = "//www.geeksforgeeks.org/" </script>3<=2 =3=42_______5>6
<!DOCTYPE html>6>8
<script> window.location = "//www.geeksforgeeks.org/" </script>3html2=2>
<script> window.location = "//www.geeksforgeeks.org/" </script>3< 6>
<!DOCTYPE html>6 9
<script> window.location = "//www.geeksforgeeks.org/" </script>00<script> window.location = "//www.geeksforgeeks.org/" </script>01
<script> window.location = "//www.geeksforgeeks.org/" </script>02____5_______03
<!DOCTYPE html>6<script> window.location = "//www.geeksforgeeks.org/" </script>05
<!DOCTYPE html>6____5_______08
<script> window.location = "//www.geeksforgeeks.org/" </script>00<script> window.location = "//www.geeksforgeeks.org/" </script>01
<script> window.location = "//www.geeksforgeeks.org/" </script>02____5_______12
<!DOCTYPE html>6<script> window.location = "//www.geeksforgeeks.org/" </script>05
<script> window.location = "//www.geeksforgeeks.org/" </script>3html2 6>
html2html7>
html2html>
Bước 2. Tạo một tệp có tên newPage. html. Đây là trang HTML cục bộ sẽ được tải bởi Javascript