方法一:(jQuery方法: 适用所有浏览器)
HTML页面:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
</head>
<body>
<a href="http://www.baidu.com/">【jquery检测链接有效性】</a>
<a href="www.baidu.com/">【jquery检测链接有效性2】</a>
//<script type="text/javascript" src="js/base.js"></script>
</body>
</html>
JS页面:
//判断地址有效性
$("body a").each(function(){
$(this).click(function(){
$.ajax({
url: $(this).attr("href"),
type: 'GET',
complete: function(response){
if(response.status == 404){
location.href="http://www.baidu.com/404.html";
alert('无效');
}else{
alert('有效');
}
}
});
});
});
方法二:(AJAX XMLHTTP方法: 使用ActiveXObject,所以仅支持IE,非IE内核浏览器不可用。)
<script type="text/javascript">
function chkurl(url) { var xmlhttp = new ActiveXObject( "Microsoft.XMLHTTP"); xmlhttp.open("GET",url,false); xmlhttp.send(); if(xmlhttp.readyState==4){ if(xmlhttp.Status != 200) alert("不存在") else alert("存在") }}</script><a href="http://www.baidu.com/" onclick="javascript:return chkurl(this.href);">【ajax检测链接有效性】</a>拓展学习:
404 找不到, Web 服务器找不到您所请求的文件或脚本。请检查URL 以确保路径正确。