快速发布收录 免费推广展示
早上好, 游客 <游客> [ 马上登录 | 注册帐号 ]
首页 技术交流 正文

JS实现检测目标网址是否可访问 网址存活检测

时间:2023-01-03 14:32 作者: 18793网站目录导航 阅读:69 次

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

下面是具体的功能实现:

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

网上有人 通过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

共收录0个网站,0个公众号,0个小程序,0个资讯文章,0个微信文章
首页 关于我们 联系我们 收录标准 广告合作 免责声明 友情链接
点击收藏小提示:按键盘CTRL+D也能收藏哦!
网站声明:本站所有资料取之于互联网,任何公司或个人参考使用本资料请自辨真伪、后果自负,不承担任何责任。在此特别感谢您对分类目录网的支持与厚爱!
版权所有©(2015-2023)18793.CC All Rights Reserved.   浙ICP备2022030117号-1