zoukankan      html  css  js  c++  java
  • 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 以确保路径正确。

  • 相关阅读:
    在markdown中使用html
    乘车路线
    渔民的烦恼
    GEDIT外部工具
    模板匹配,以图找图(九)
    SpringBoot起飞系列-国际化(六)
    [Lyndon分解] HDU 6761 Minimum Index
    [数论]HDU 6750 Function 百度之星2020初赛第一场H题
    【雅思】【口语】描述一个可笑的场合
    面试回答数据库优化问题-数据库优化思路八点
  • 原文地址:https://www.cnblogs.com/seven077/p/6144393.html
Copyright © 2011-2022 走看看