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

方法一:(jQuery方法: 适用所有浏览器)

HTML页面:

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="https://www.jb51.net/js/jquery-1.7.1.min.js"></script> </head> <body> <a href="https://www.baidu.com/">【jquery检测链接有效性】</a> <a href="https://www.jb51.net/www.baidu.com/">【jquery检测链接有效性2】</a> //<script type="text/javascript" src="https://www.jb51.net/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="https://www.baidu.com/">【ajax检测链接有效性】</a>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwffpz.html