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

(编辑：jimmy 日期: 2026/1/29 浏览：2)

方法一：（jQuery方法：适用所有浏览器）

HTML页面：

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
 <script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.7.1.min.js">

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>



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

上一篇：AngularJS过滤器filter用法分析

下一篇：JavaScript奇技淫巧44招【实用】

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

一句话新闻