Liên kết cảnh báo javascript onclick

Khi người dùng nhấp vào liên kết trong tài liệu HTML của bạn, bạn muốn truy xuất URL đích, có nghĩa là giá trị của thuộc tính

Link

cách tốt nhất để thực hiện điều này là gì?

Để nhận giá trị của thuộc tính

Link

Link

Link

Hướng dẫn này sẽ chỉ cho bạn chính xác cách thực hiện điều này trong hai bước

Đầu tiên, bạn sẽ học cách tạo trình nghe sự kiện cho tất cả các liên kết hoặc cho các liên kết cụ thể. Thứ hai, bạn sẽ tìm hiểu cách truy xuất giá trị của thuộc tính

Link

Tạo người nghe sự kiện

Phương thức

Link

Link

Phương pháp này cho phép bạn khai báo một chức năng được gọi mỗi khi sự kiện bị bắn. Từ điều kiện, bạn có thể đọc các thuộc tính của phần tử DOM mà nó được đính kèm, cho phép bạn phân tích giá trị của thuộc tính

Link

Cú pháp cho phương thức addEventListener () như sau

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

Cả hai đối số

Link

Link

Link

Người nghe có thể là một đối tượng trong phạm vi của web API

Link

Trong trường hợp này, chúng ta cần tạo một trình nghe sự kiện cho các cú nhấp chuột vào các yếu tố liên kết, nghĩa là các yếu tố thành phần

Link

Một trong những cách tốt nhất để làm điều này là sử dụng phương pháp

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

Vì vậy, bạn có thể thực hiện một tùy chọn đơn giản cho tất cả các liên kết trên trang HTML của bạn hoặc một tùy chọn liên kết kết nối bị thu hút với một ID cụ thể, lớp hoặc khác

Tại đây, cách thức trình điều kiện nghe cho tất cả các lần nhấp chuột liên kết trông giống như. một trình lắng nghe sự kiện cho tất cả các lần nhấp vào liên kết trông giống như

Link

Nếu bạn cần thu thập phạm vi nghe sự kiện của mình bằng cách nhấp vào các công cụ liên kết có thể, ví dụ:. links with

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

Link

Tùy thuộc vào các yêu cầu thực hiện của bạn, bộ chọn CSS có thể đơn giản như nhắm mục tiêu các phần tử

Link

Link

Làm chủ bộ chọn CSS có thể đưa các kỹ năng lựa chọn truy vấn của bạn lên cấp độ tiếp theo. Nếu bạn là một nhà phát triển giao diện người dùng, kỹ năng này sẽ cung cấp cho bạn một ưu thế trong công việc hàng ngày của bạn

liên quân. Người nghe sự kiện cho nhiều yếu tố trong JavaScript Event Listeners for Multiple Elements in JavaScript

Thuộc tính HREF get

Bây giờ bạn đã biết cách tạo người nghe sự kiện bằng cách nhấp chuột vào các liên kết, cho dù tất cả các liên kết hoặc liên kết cụ thể có thể, hãy xem cách lấy lại giá trị của HREF

function doalert(){
    alert(document.getElementById("link").getAttribute("href"));
    return false;
}

Điều này có thể được thực hiện bằng cách chuyển tham số & nbsp;

Sau đó, bạn có thể sử dụng Web API & nbsp;

Link

Nếu bạn đã mở bảng điều khiển trình duyệt của mình ngay bây giờ, hãy sao chép/dán và chạy mã này, sau đó nhấp vào một liên kết hoặc hai, bạn sẽ quan sát các kết quả sau

Resumation is

Tôi hy vọng bạn tìm thấy hướng dẫn này hữu ích

Gần đây tôi phải tự mình giải quyết thử thách này khi tôi thực hiện A & NBSP; . Tôi đã mất một vài lần thử (và một vài giờ) để đi đến giải pháp tốt nhất, và tôi tin rằng đây là nó

Nếu bạn có bất kỳ câu hỏi nào, hoặc bạn muốn chia sẻ những cách khác nhau để đạt được điều này với phần còn lại của bài báo độc giả đã đăng, hãy chắc chắn để trả lại câu trả lời bên dưới