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

Original 2016-12-26 15:25:01 203
abstract:本文主要对jquery判断页面网址是否有效的两种方法:jQuery方法;AJAX XMLHTTP方法。方法一:(jQuery方法: 适用所有浏览器)HTML页面:<!DOCTYPE html> <html> <head lang="en">  <meta charset="UTF-8&q

本文主要对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);

   更多关于jquery判断页面网址是否有效的两种方法请关注PHP中文网(m.sbmmt.com)其它文章! 


Release Notes

Popular Entries