代码之家 › 专栏 › 技术社区 › Aakash Kumar

Javascript-如何单击任何链接并在警告框中显示链接名称[关闭]

ecma anchor javascript

0

Aakash Kumar · 技术社区 · 6 年前

我在JavaScript代码方面有点不专业。我想在普通的JavaScript站点上做一些简单的事情。

比方说互联网上的任何网站,每当你点击页面上的任何链接时,自动链接名称都会显示在一个警告框中。

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

提前谢谢。

2 回复 | 直到 6 年前

1

Thieri 6 年前

以下是纯JS中Madhan M的答案:

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));
}

请考虑新浏览器支持“绑定”,但旧浏览器不支持。

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

2

1

Madhan Varadhodiyil 6 年前

像这样的?

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