jquery判斷頁面網址是否有效


方法一:(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>

 

 

拓展學習:

404  找不到,  Web 服務器找不到您所請求的文件或腳本。請檢查URL 以確保路徑正確。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM