Fatal编程技术网
  • javascript/
  • Javascript-如何单击任何链接并在警报框中显示链接名称

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

javascript

Javascript-如何单击任何链接并在警报框中显示链接名称,javascript,anchor,ecma,Javascript,Anchor,Ecma,我对JavaScript代码不太在行。我想在纯JavaScript站点中做一些简单的事情 比方说互联网上的任何网站，当你点击页面中的任何链接时，链接名称会自动显示在一个警告框中 它可以是加载页面上的任何链接。有人能帮我处理这个逻辑吗？我可以在浏览器控制台的任何站点上运行这个逻辑 提前谢谢。像这样的吗 $("a").on('click',function(event){ event.preventDefault(); let n = $(this).text(); let re

我对JavaScript代码不太在行。我想在纯JavaScript站点中做一些简单的事情

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

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

提前谢谢。

像这样的吗

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

$("a").on('click',function(event){
    event.preventDefault();
   let n = $(this).text();
   let ref =$(this).attr('href');
   alert(ref);
});
以下是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));
}

var allAnchors=document.getElementsByTagName（“a”）；
对于（i=0；i

请考虑“绑定”是由较新浏览器支持的，而不是旧浏览器。

另一个注意事项：不允许在“internet上的任何站点”上运行javascript。您可以通过浏览器扩展获得所需的功能，但这是另一个问题。

以下是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));
}

var allAnchors=document.getElementsByTagName（“a”）；
对于（i=0；i

请考虑“绑定”是由较新浏览器支持的，而不是旧浏览器。

另一个注意事项：不允许在“internet上的任何站点”上运行javascript。您可以通过浏览器扩展获得所需的功能，但这是另一个问题。

我们不是来为您编写代码的：）请查看。如果你有具体的问题，请随意提问。你可以先尝试查找链接。可能会有帮助我们不是来为您编写代码的：）请查看。如果你有具体的问题，请随意提问。你可以先尝试查找链接。可能会有帮助的谢谢。你能用简单的JavaScript代码发布这个答案吗。这对我很有帮助。var elements=document.body.getElementsByTagName（“a”）；对于（var i=0；i