jquery判断页面网址是否有效的两种方法
编程学习 2021-07-04 19:19www.dzhlxh.cn编程入门
本文主要对jquery判断页面网址是否有效的两种方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以参考借鉴下
方法一：（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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持狼蚁SEO！