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

2019-11-19 18:34:40

字体：大中小

来源：转载

供稿：网友

方法一：（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>

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

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

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