function errorurl(){ Alert("该网址无法访问"); } 但实际测试给一个不存在的网址无法正确判断 下面是我的实现方式:
  • 欢迎访问WDPHP素材源码!今天是2024年05月28日 星期二,熬夜对身体不好,早点休息吧!
    您好,游客 [ 马上登录 | 注册帐号 | 微信登录 | QQ登录]
    当前位置:首页 > 教程 > 前端开发 > 

    JS实现检测目标网址是否可访问 网址存活检测
    栏目分类:前端开发    发布日期:2022-12-30    浏览次数:1083次     收藏

    最近有用户建议给尊云网站分类目录增加一个网址存活检测在功能。

    下面是具体的功能实现:

    检测目标网址是否存活一边坚持目标网址在状态码就可以了。

    网上有人 通过onerror来实现

    <img src="http://www.wdphp.com" onerror="" height="0" onerror="errorurl"/>
    function errorurl(){
    Alert("该网址无法访问");
    }

    但实际测试给一个不存在的网址无法正确判断

    下面是我的实现方式:

     <li id="site_url"><strong>网站地址:</strong><a href="https://www.wdphp.com" target="_blank" clickout="1">https://www.wdphp.com</a></li> 
    $("#site_url").ready(function() {
        let site_url = $("#site_url a").attr('href');
        $("#site_url a").after("<span style=\"color: green;\">  Testing...</span>");
        $.ajax({
            type: 'get',
            cache: false,
            url: site_url,
            dataType: "jsonp",
            processData: false,
            timeout: 2000,
            complete: function(data) {
                $("#site_url span").remove();
                if (data.status == 200) {
                    $("#site_url a").after("<span style=\"color: green;font-size: 12px;\"> 网站在线</span>")
                } else {
                    $('a[href="' + site_url + '"]').removeAttr('href').removeAttr('target').removeAttr('clickout').removeAttr('onclick');;
                    $("#site_url a").html(hideurl(site_url));
                    $("#site_url a").after("<span style=\"color: red;\"> 网站故障或关闭</span>")
                }
            },
            error: function() {}
        })
    });

    效果演示:https://www.zydir.com/website/view/1.html

    声明:本文为原创文章,如需转载,请注明来源 WDPHP.COM 并保留原文链接:https://www.wdphp.com/detail/1991.html

    相关热词: 网址存活检测

    源码 模板 特效 素材 资源 教程 站长