Javascript - 如何单击任何 link 并在警告框中显示 Link 名称
Javascript - How to Click any link and show Link name in Alert box
我不太擅长 JavaScript 代码。我想在普通 JavaScript 网站上做一些简单的事情。
假设 Internet 上的任何网站,只要您单击页面中的任何 link,link 名称就会自动显示在警告框中。
它可以是加载页面上的任何 link。有人可以帮我解决这个逻辑吗,我可以 运行 在我的浏览器控制台中的任何站点上。
提前致谢。
是这样的吗?
$("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));
}
请注意 "bind" 受较新的浏览器支持,但不支持较旧的浏览器。
补充说明:不允许在"any site in the internet"上运行javascript。您可以通过浏览器扩展获得您要求的功能,但这是另一个问题。
我不太擅长 JavaScript 代码。我想在普通 JavaScript 网站上做一些简单的事情。
假设 Internet 上的任何网站,只要您单击页面中的任何 link,link 名称就会自动显示在警告框中。
它可以是加载页面上的任何 link。有人可以帮我解决这个逻辑吗,我可以 运行 在我的浏览器控制台中的任何站点上。
提前致谢。
是这样的吗?
$("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));
}
请注意 "bind" 受较新的浏览器支持,但不支持较旧的浏览器。
补充说明:不允许在"any site in the internet"上运行javascript。您可以通过浏览器扩展获得您要求的功能,但这是另一个问题。