当前位置：首页 > 资讯 > 技术文档

jquery判断页面网址是否有效的两种方法

时间：2020-03-24 13:34 编辑：来源：阅读：
扫一扫，手机访问

摘要：jquery判断页面网址是否有效的两种方法

[b]方法一：（jQuery方法：适用所有浏览器）[/b] [b]HTML页面：[/b]

<!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>

[b]JS页面：[/b]

//判断地址有效性
$("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('有效');
    }
   }
  });
 });
});

[b]方法二：（AJAX XMLHTTP方法：使用ActiveXObject，所以仅支持IE，非IE内核浏览器不可用。）[/b]

<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>

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持编程素材网！

全部评论(0)

上一篇：jquery库或JS文件在eclipse下报错问题解决方法
下一篇：JQuery小知识

资讯排行榜
更多>>