jquery判断页面网址是否有效

最新推荐文章于 2022-08-18 11:30:50 发布

初仔仔

最新推荐文章于 2022-08-18 11:30:50 发布

阅读量454

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/seven077/p/6144393.html

版权

方法一：（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 以确保路径正确。

转载于:https://www.cnblogs.com/seven077/p/6144393.html

初仔仔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery判断页面网址是否有效

方法一：（jQuery方法：适用所有浏览器）HTML页面：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript" sr...
复制链接

扫一扫