Là một phần của loạt bài viết về chủ đề đơn giản nhất có thể, tôi đã chọn viết về việc thay đổi màu siêu liên kết HTML. Tôi đã học các chủ đề nâng cao hơn trong hơn một thập kỷ và thành thật mà nói, đôi khi điều đó có thể gây nhàm chánĐăng ký Hướng dẫn viết mã nhanh hàng ngày (YOUTUBE)Bạn cũng đang học viết mã à? Show
Thuộc tính quan trọng nhất của phần tử Văn bản liên kết là phần sẽ hiển thị cho người đọc Nhấp vào văn bản liên kết, sẽ đưa người đọc đến địa chỉ URL được chỉ định Ví dụVí dụ này cho thấy cách tạo liên kết đến W3Schools. com Truy cập W3Schools. com Tự mình thử »Theo mặc định, các liên kết sẽ xuất hiện như sau trong tất cả các trình duyệt
Mẹo. Tất nhiên, các liên kết có thể được tạo kiểu bằng CSS, để có giao diện khác Liên kết HTML - Thuộc tính đíchTheo mặc định, trang được liên kết sẽ được hiển thị trong cửa sổ trình duyệt hiện tại. Để thay đổi điều này, bạn phải chỉ định một mục tiêu khác cho liên kết Thuộc tính Thuộc tính
Ví dụSử dụng target="_blank" để mở tài liệu được liên kết trong cửa sổ hoặc tab trình duyệt mới Truy cập W3Schools Tự mình thử »URL tuyệt đối so với. URL tương đốiCả hai ví dụ trên đều sử dụng URL tuyệt đối (địa chỉ web đầy đủ) trong thuộc tính Liên kết cục bộ (liên kết đến một trang trong cùng một trang web) được chỉ định bằng một URL tương đối (không có "https. // phần www") Ví dụURL tuyệt đốiW3C URL tương đốiHình ảnh HTML Hướng dẫn CSS Tự mình thử »Liên kết HTML - Sử dụng hình ảnh làm liên kếtĐể sử dụng hình ảnh làm liên kết, chỉ cần đặt thẻ Ví dụTự mình thử » Liên kết đến một địa chỉ emailSử dụng Nút dưới dạng Liên kếtĐể sử dụng nút HTML làm liên kết, bạn phải thêm một số mã JavaScript JavaScript cho phép bạn chỉ định điều gì xảy ra tại một số sự kiện nhất định, chẳng hạn như một lần nhấp vào nút Ví dụHướng dẫn HTML Tự mình thử »Tiêu đề liên kếtThuộc tính ❮ Tham chiếu chuỗi JavaScript Ví dụlet text = "Hướng dẫn xây dựng web miễn phí. "; Định nghĩa và cách sử dụngChuỗi liên kết () không được dùng trong JavaScript Tránh sử dụng nó Nó có thể ngừng hoạt động trong trình duyệt của bạn bất cứ lúc nào Phương thức chuỗi cú phápThông sốTham sốDescriptionurlBắt buộc.URL để liên kết tới. Giá trị trả vềMột chuỗi nhúng trong thẻ.❮ Tham chiếu chuỗi JavaScript Mục đích của kỹ thuật này là cho phép người dùng chọn thêm thông tin bổ sung vào văn bản của các liên kết để các liên kết có thể được hiểu ngoài ngữ cảnh Một số người dùng thích có các liên kết độc lập, nơi không cần khám phá ngữ cảnh của liên kết. Những người dùng khác thấy việc bao gồm thông tin ngữ cảnh trong mỗi liên kết là lặp đi lặp lại và làm giảm khả năng sử dụng trang web của họ. Trong số những người sử dụng công nghệ hỗ trợ, phản hồi cho nhóm làm việc nào được ưu tiên hơn đã được chia. Kỹ thuật này cho phép người dùng chọn cách tiếp cận phù hợp nhất với họ Một liên kết được cung cấp gần đầu trang sẽ mở rộng văn bản liên kết của các liên kết trên trang để không cần ngữ cảnh bổ sung để hiểu mục đích của bất kỳ liên kết nào. Phải luôn có thể hiểu mục đích của liên kết mở rộng trực tiếp từ văn bản liên kết của nó Kỹ thuật này chỉ mở rộng các liên kết cho chế độ xem trang hiện tại. Cũng có thể, và trong một số trường hợp, nên lưu tùy chọn này trong cookie hoặc hồ sơ người dùng phía máy chủ để người dùng chỉ phải thực hiện lựa chọn một lần trên mỗi trang web Làm cách nào để thay thế liên kết bằng văn bản JavaScript?Sử dụng thuộc tính textContent để thay đổi văn bản của phần tử liên kết , e. g. liên kết. textContent = 'Văn bản liên kết thay thế'. Thuộc tính textContent sẽ đặt văn bản của liên kết thành chuỗi được cung cấp, thay thế bất kỳ nội dung hiện có nào.
Làm cách nào để thay đổi liên kết bằng JavaScript?Mã thay đổi URL trong liên kết bằng JavaScript. Khi thay đổi URL liên kết bằng JavaScript, bạn sẽ phải sử dụng phương thức setAttribute . Trước khi chạm vào jQuery, các nhà phát triển nên tìm hiểu về các phương thức cơ bản nhưng hữu ích như thế này. Mã bên dưới thay đổi thuộc tính href của liên kết đến địa chỉ trang web của tôi.
Làm cách nào để tạo văn bản dưới dạng liên kết trong JavaScript?Cách tiếp cận. . Create an anchor element.. 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 Append the text node to the anchor element.. Set the title and href property of the element.. Append element in the body.. Làm cách nào để chuyển đổi văn bản URL thành siêu liên kết có thể nhấp trong JavaScript?Tạo tệp HTML và xác định mã đánh dấu cũng như tập lệnh Để chuyển đổi URL thành Liên kết HTML . Trong bước này, chúng tôi tạo một vùng văn bản nơi người dùng sẽ viết một số văn bản có liên kết và sau đó khi người dùng nhấp vào nút chuyển đổi, chúng tôi gọi convert(); . Trong chức năng này, chúng tôi viết hai biểu thức chính quy để phát hiện liên kết trong văn bản. |