javascript - Javascript - 如何单击任何链接并在警报框中显示链接名称

Question

我在 JavaScript 代码方面不是专业人士。我想在纯 JavaScript 网站中做简单的事情。

假设 Internet 上的任何网站，当您单击页面中的任何链接时，链接名称应自动显示在警告框中。

它可以是加载页面上的任何链接。有人可以帮我解决这个可以在浏览器控制台中的任何站点上运行的逻辑吗？

提前致谢。

Answer 1

像这样的东西？

$("a").on('click',function(event){
    event.preventDefault();
   let n = $(this).text();
   let ref =$(this).attr('href');
   alert(ref);
});

Answer 2

这是 Madhan M 在纯 JS 中的回答：

var allAnchors = document.getElementsByTagName("a");

for (i=0; i < allAnchors.length; i++) {
    var element = allAnchors[i];
    element.addEventListener("click", function (event) {
    event.preventDefault();

    let ref = this.getAttribute("href");
    alert(ref);
  }.bind(element));
}

请注意，较新的浏览器支持“绑定”，但较旧的浏览器不支持。

附加说明：不允许在“互联网上的任何站点”上运行 javascript。您可以通过浏览器扩展获得您所要求的功能，但这是另一个问题。