Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính liên kết liên kết HTML DOM

Thuộc tính liên kết HTML DOM Liên kết đặt / trả về mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết và bắt buộc phải đề cập đến.

Cú pháp

Sau đây là cú pháp -

  • Trả lại rel giá trị thuộc tính
linkObject.rel
  • Cài đặt rel thành một chuỗi giá trị
linkObject.rel = valueString

Chuỗi giá trị

Đây, “chuỗi giá trị” có thể như sau -

valueString Mô tả
thay thế Nó cung cấp
tác giả Nó cung cấp liên kết đến tác giả của tài liệu được liên kết
dnsprefetch Nó chỉ định rằng trình duyệt nên thực hiện trước phân giải DNS cho nguồn gốc của tài nguyên đích
trợ giúp Nó cung cấp liên kết đến tài liệu trợ giúp nếu có
biểu tượng Nó nhập một biểu tượng để đại diện cho tài liệu
rel Nó đặt / trả về mối quan hệ giữa tài liệu hiện tại và tài liệu được liên kết
giấy phép Nó cung cấp thông tin bản quyền cho tài liệu được liên kết
tiếp theo Nó cung cấp một liên kết đến tài liệu tiếp theo trong loạt tài liệu
pingback Nó cung cấp địa chỉ của máy chủ pingback xử lý pingback tới tài liệu được liên kết hiện tại
kết nối trước Nó chỉ định rằng trình duyệt nên kết nối trước với nguồn gốc của tài nguyên đích nếu có
tìm nạp trước Nó chỉ định rằng trình duyệt nên tìm nạp trước và lưu vào bộ nhớ cache tài nguyên đích vì nó được yêu cầu để theo dõi điều hướng tài liệu
tải trước Nó chỉ định rằng tác nhân trình duyệt phải tìm nạp trước và lưu vào bộ nhớ cache tài nguyên đích cho điều hướng hiện tại theo đích được cung cấp bởi thuộc tính "as" (và mức độ ưu tiên được liên kết với đích đó ).
kết xuất trước Nó chỉ định rằng trình duyệt phải tải trang web được chỉ định ở chế độ nền. Vì vậy, nếu người dùng điều hướng đến trang này, nó sẽ tăng tốc độ tải trang
trước Nó chỉ ra rằng tài liệu là một phần của chuỗi và tài liệu trước đó trong loạt là tài liệu được liên kết được tham chiếu
tìm kiếm Nó cung cấp một liên kết đến một tài nguyên có thể được sử dụng để tìm kiếm thông qua tài liệu hiện tại và các trang liên quan của nó.
biểu định kiểu Nó nhập một biểu định kiểu trong tài liệu hiện tại

Ví dụ

Hãy để chúng tôi xem một ví dụ về Liên kết liên kết tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Link rel</title>
<link id="extStyle" rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-rel</legend>
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var extStyle = document.getElementById("extStyle");
   if(extStyle.rel === 'stylesheet')
      divDisplay.textContent = 'The linked document is of type stylesheet';
   else
      divDisplay.textContent = 'The linked document is of type '+extStyle.rel;
</script>
</body>
</html>

Trong ví dụ trên ‘style.css’ chứa -

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thuộc tính liên kết liên kết HTML DOM