Javascript-如何单击任何链接并在“警告”框中显示链接名称

时间:2018-07-25 08:23:05

标签: javascript anchor ecma

我不太擅长JavaScript代码。我想在普通的JavaScript网站中做简单的事情。

假设Internet上的任何网站,只要您单击页面中的任何链接,链接名称便会自动显示在警报框中。

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

谢谢。

2 个答案:

答案 0 :(得分:1)

像这样吗?

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

答案 1 :(得分:1)

这是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。您可以通过浏览器扩展获得要求的功能,但这是另一个问题。