如何使用javascript检查标记中存在的链接

Question

<a href="test.doc">doc</a> 
<a href="#IG.IG.Analysis">Analysis</a> 

'a'标记喜欢上面，位置链接到本地​​文件或此HTML页面中的某处，我想测试链接效果很好。我应该如何用Javascript来做到这一点。不是jQuery或其他框架。谢谢！

Answer 1

看到下面jsfidle链接

link

var list=document.getElementsByTagName("a"); 
 
if(list && list.length>0){ 
 
for(var i=0;i<list.length;i++){ 
 
var data = null; 
 
var xhr = new XMLHttpRequest(); 
 
xhr.withCredentials = true; 
 

 
xhr.addEventListener("readystatechange", function() { 
 
    if (this.readyState === 4) { 
 
    if (this.status < 400) { 
 
    
 
    document.getElementById("result").innerHTML=document.getElementById("result").innerHTML+"<br/>"+this.responseURL +" is valid"; 
 
    }else{ 
 
    document.getElementById("result").innerHTML=document.getElementById("result").innerHTML+"<br/>"+this.responseURL +" is not valid"; 
 
    } 
 
    } 
 
}); 
 

 
xhr.open("GET", list[i].href); 
 
xhr.setRequestHeader("cache-control", "no-cache"); 
 
xhr.send(data); 
 
} 
 
}

<a href="https://www.example.com">Hello</a> 
 

 
<a href="/p/test">Hello2</a> 
 
<a href="/cah0d7Lm/">Hello3</a> 
 
<div id="result"> 
 

 
</div>