问题描述:
当你用 . 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>