获取a标签的href文本_小小米粒吖的博客-程序员宅基地

问题描述：

当你用 . href 的方法获取文本时，会出现以下情况：

默认添加前缀，比如地址、http、https

那如何进行不添加呢？且不进行地址跳转呢？

var a = document.getElementsByTagName("a");
for(var i=0;i<a.length;i++) {
  a[i].onclick = function(e) {
   alert(this.getAttribute("href"));
  return false;
}
}

完整代码：

<!DOCTYPE html>
<html add="en"> 
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
 
<body>
  <!-- 2. 创建一个要控制的区域 -->
  <div id="app">
       <a href="www.baidu.com1">链接</a>   
       <a href="http://www.baidu.com2">链接</a> 
       <a href="http://www.baidu.com3">链接</a> 
       <a href="http://www.baidu.com4">链接</a> 
  </div>
<script>
var a = document.getElementsByTagName("a");
for(var i=0;i<a.length;i++) {
  a[i].onclick = function(e) {
   alert(this.getAttribute("href"));
  return false;
}
}
</script>
</body>
</html>

本文链接：https://blog.csdn.net/weixin_41472431/article/details/104210129

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

开启Apache mod_rewrite模块完全解答_enable the apache mod_rewrite module_追梦再开启的博客-程序员宅基地

启用mod_rewrite模块在conf目录的httpd.conf文件中找到 LoadModule rewrite_module modules/mod_rewrite.so 将这一行前面的#去掉。 2.在要支持url rewirte的目录启用 Options FollowSymLinks和AllowOverride All Alias /php c:/web/php/ Directory c:

最全面详细讲解Oracle入门（新手必看）_oracle数据库入门教程_千锋PHP的博客-程序员宅基地

本章内容：Ø Oracle介绍Ø 安装步骤Ø 基本使用Ø 用户管理

SSL/TLS 加密新纪元 - Let's Encrypt_weixin_33871366的博客-程序员宅基地

vSSL/TLS 加密新纪元 - Let's Encrypt根据 Let's Encrypt 官方博客消息，Let's Encrypt 服务将在下周（11 月 16 日）正式对外开放。Let's Encrypt 项目是由互联网安全研究小组ISRG，Internet Security Research Group主导并开发的一个新型数字证书认证机构C...

hbuilder、hbuilderx和vscode对比_vscode和hbuilder哪个好_sdingdangmao的博客-程序员宅基地

1. 从内存来对比1.1 vscode占用内存打开同一个项目，发现vscode占用内存比较多1.2 HBuilder占用内存1.3 HBuilderx占用内存1.4 对比从内存上来看，HBuilderX可能更优2. 从项目来对比2.1 函数声明vscode能通过Ctrl+左键跳转到函数所在的文件，HBuilder和X只能通过Alt+左键访问本文件内的声明。2.2 超链接对于超链接（即a标签），vscode的预览明显更好，而HBuilder和X只能显示源码，甚至谷歌浏览器也不能体现

SpringCloud(Hoxton)--Hystrix服务降级（注解）_吴声子夜歌的博客-程序员宅基地

cloud-provider-hystrix-payment8001模拟支付模块依赖：<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-ins...

最小生成树的Prim算法和Kruskal算法java代码实现_Jarvan_Song的博客-程序员宅基地

最小生成树的Prim算法和Kruskal算法java代码实现