Hướng dẫn how do you link documents in javascript? - làm thế nào để bạn liên kết các tài liệu trong javascript?

Thí dụ

Số lượng liên kết trong tài liệu:

Đặt numb = document.links.length;

Hãy tự mình thử »

Nhận URL của liên kết đầu tiên trong tài liệu:

Đặt url = document.links [0] .href;

Hãy tự mình thử »

Nhận URL của liên kết đầu tiên trong tài liệu:

Đặt url = document.links [0] .href;

Hãy tự mình thử »

Nhận URL của liên kết đầu tiên trong tài liệu:


Đặt url = document.links.item (0) .href;

Thêm ví dụ dưới đây.

Định nghĩa và cách sử dụng

Thuộc tính links trả về một bộ sưu tập tất cả các liên kết trong tài liệu.


Thuộc tính links chỉ được đọc.

Các liên kết trong bộ sưu tập đại diện và các phần tử với thuộc tính HREF.

HTMLCollection


HTMLCollection là một bộ sưu tập giống như mảng (danh sách) các phần tử HTML.

Các yếu tố trong bộ sưu tập có thể được truy cập bằng chỉ mục (bắt đầu từ 0).

Thuộc tính độ dài trả về số lượng các phần tử trong bộ sưu tập.Cú pháp
Đặc tínhTài sản

Sự mô tả

chiều dàiCú pháp
Đặc tínhTài sản
Returns null if the index is out of range.
Sự mô tảTài sản
Returns null if the index is out of range.
Sự mô tảchiều dài
Returns null if the id does not exist.

Số lượng các yếu tố trong bộ sưu tập.

Phương phápCú pháp
Đặc tínhTài sản
All and elements in the document.
The elements are sorted as they appear in the document.


Sự mô tả

chiều dài

Số lượng các yếu tố trong bộ sưu tập.

Hãy tự mình thử »

Phương pháp

Phương pháp

Hãy tự mình thử »

[mục lục]

Trả về phần tử với chỉ mục được chỉ định (bắt đầu từ 0). Trả về null nếu chỉ mục nằm ngoài phạm vi.
let text = "";
for (let i = 0; i < links.length; i++) {
  text += links[i].href + "
";
}

Hãy tự mình thử »


Mục (INDEX)

Được đặt tên (ID)

Trả về phần tử với ID được chỉ định. Trả về null nếu ID không tồn tại.

Giá trị trả vềLoại hìnhSự vậtMột đối tượng HTMLCollection. Tất cả và các yếu tố trong tài liệu. Các yếu tố được sắp xếp khi chúng xuất hiện trong tài liệu.Nhiều ví dụ hơnNhận URL của phần tử với id = "mylink":
Đặt url = document.links.namedItem ("mylink"). href;Thêm đường viền màu đỏ vào liên kết đầu tiên trong tài liệu: Đặt url = document.links.namedItem ("mylink"). href; Đặt url = document.links.namedItem ("mylink"). href; Đặt url = document.links.namedItem ("mylink"). href; Đặt url = document.links.namedItem ("mylink"). href;

Thuộc tính chỉ đọc links của giao diện Document trả về một tập hợp tất cả các phần tử ____10 và các phần tử links1 trong một tài liệu có giá trị cho thuộc tính HREF.links read-only property of the Document interface returns a collection of all links0 elements and links1 elements in a document with a value for the href attribute.

Giá trị

Ví dụ

for (const link of document.links) {
  const linkHref = document.createTextNode(link.href);
  const lineBreak = document.createElement("br");
  document.body.appendChild(linkHref);
  document.body.appendChild(lineBreak);
}

Thông số kỹ thuật

Sự chỉ rõ
Tiêu chuẩn HTML # Dom-Document-Links-Dev
# dom-document-links-dev

Tính tương thích của trình duyệt web

Bảng BCD chỉ tải trong trình duyệt

URL của một trang. URL đầy đủ của trang có thể được thu thập bằng cách sử dụng đối tượng tài liệu trong JavaScript. Thuộc tính URL của đối tượng tài liệu trả về đường dẫn đầy đủ hoặc URL trang cùng với tên miền. Đây là tài liệu cú pháp.url.

Xem thảo luận

Cải thiện bài viết

  • Lưu bài viết
  • Đọc
  • URL của một trang. URL đầy đủ của trang có thể được thu thập bằng cách sử dụng đối tượng tài liệu trong JavaScript. Thuộc tính URL của đối tượng tài liệu trả về đường dẫn đầy đủ hoặc URL trang cùng với tên miền. Đây là tài liệu cú pháp.url.

    Xem thảo luận

    Cải thiện bài viết

    Lưu bài viết

    Approach:

    • Tạo một phần tử neo.
    • Tạo một nút văn bản với một số văn bản sẽ hiển thị dưới dạng liên kết.
    • Nối nút văn bản vào phần tử neo.
    • Đặt thuộc tính Tiêu đề và HREF của phần tử.
    • Chất nối phần tử trong cơ thể.

    Ví dụ 1: Trong ví dụ này, nút được tạo và các thuộc tính được đặt bằng các phương thức JavaScript.In this example, the node is created and the attributes are set by the JavaScript methods.

    links2

    links3links4links5

    links6links3links8links5

    links0links3links2links5

    links4links5

    links0links7links2links9

    links6links7links8links5

    links6links3links6 links7 links8links9links9

    links0links3null3 links7 links8null6 links5

    links4null9

    links0links7null3links9

    links0links3null6 null7 links8null9 links7 null1

    links4null3links9

    links0links7null6links9

    links0links3document.links1 document.links2 links8document.links4links9

    links4document.links7

    links0links7document.links1links9

    links0links3null6 null7 links8links7 links7 null1

    links4Document1links9

    links0links7null6links9

    links0links3Document9links9

    links4links02

    links4links04

    links4links06

    links07links08

    links4links10

    links11links12

    links11links14

    links11links16

    links11links18

    links11links20

    links11links22

    links11links24

    links11links26

    links11links28

    links11links30

    links11links32

    links4links34

    links0links7Document9links5

    links6links7links6links5

    links7links4links45

    Output:

    Ví dụ 2: Ví dụ này tương tự như ở trên nhưng sử dụng phương thức prepend () để thêm phần tử neo vào cơ thể.This example is similar to the above but uses prepend() method to add anchor element to the body.

    links2

    links3links4links5

    links6links3links8links5

    links0links3links2links5

    links4links5

    links0links7links2links9

    links6links7links8links5

    links6links3links6 links7 links8links9links9

    links0links3null3 links7 links8null6 links5

    links4null9

    links0links7null3links9

    links0links3null6 null7 links8null9 links7 null1

    links4null3links9

    links0links7null6links9

    links0links3document.links1 document.links2 links8document.links4links9

    links4document.links7

    links0links7document.links1links9

    links0links3null6 null7 links8links7 links7 null1

    links4Document1links9

    links0links7null6links9

    links0links3Document9links9

    links4links02

    links4links04

    links4links06

    Ví dụ 2: Ví dụ này tương tự như ở trên nhưng sử dụng phương thức prepend () để thêm phần tử neo vào cơ thể.

    links4links10

    links11links12

    links11links14

    links11links16

    links11links18

    links11links20

    links11links22

    links11links24

    links11links26

    links11links28

    links11links30

    links11links66

    links4links34

    links0links7Document9links5

    links6links7links6links5

    links7links4links45

    Output:

    links07links08


    Làm thế nào để bạn liên kết một tài liệu trong JavaScript?

    Để liên kết với tệp JavaScript bên ngoài, hãy sử dụng where myexternalfile.js là vị trí của tệp bên ngoài. Các ví dụ trên liên kết đến một tệp JavaScript bên ngoài.use where myExternalFile. js is the location of the external file. The above example links to an external JavaScript file.

    Làm cách nào để tạo một liên kết đến một tài liệu?

    Tạo một siêu liên kết đến một vị trí trong một tài liệu khác..
    Chọn văn bản hoặc hình ảnh mà bạn muốn hiển thị dưới dạng siêu liên kết ..
    Nhấn Ctrl+K.....
    Trong liên kết đến, bấm vào tệp hoặc trang web hiện có ..
    Trong hộp nhìn, nhấp vào mũi tên xuống và tìm và chọn tệp mà bạn muốn liên kết đến ..

    Làm thế nào để bạn liên kết các tài liệu trong HTML?

    Tóm tắt chương..
    Sử dụng phần tử để xác định liên kết ..
    Sử dụng thuộc tính HREF để xác định địa chỉ liên kết ..
    Sử dụng thuộc tính đích để xác định nơi mở tài liệu được liên kết ..
    Sử dụng phần tử (bên trong) để sử dụng hình ảnh làm liên kết ..

    URL tài liệu trong JavaScript là gì?

    URL của một trang.URL đầy đủ của trang có thể được thu thập bằng cách sử dụng đối tượng tài liệu trong JavaScript.Thuộc tính URL của đối tượng tài liệu trả về đường dẫn đầy đủ hoặc URL trang cùng với tên miền.Đây là tài liệu cú pháp.url.The full URL of the page can be collected by using document object in JavaScript. The URL property of the document object returns the full path or the page url along with the domain name. Here is the syntax document.URL.