JS实现探测网站链接的方法【测试可用】
更新时间：2016年11月08日 10:12:35 作者：yczz
这篇文章主要介绍了JS实现探测网站链接的方法,通过网站返回错误响应触发onerror时间来判断网站链接的可用性，非常简便实用,需要的朋友可以参考下
本文实例讲述了JS实现探测网站链接的方法。分享给大家供大家参考，具体如下：
如果想通过程序探测一个网站链接是否存在，可以通过服务器端高级语言编程实现，其实客户端的JavaScript也是可以探测的，下面通过一个技巧来探测网站链接。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js探测网站链接</title>
</head>
<body>
<div id="url1"></div>
<br/>
<div id="url2"></div>
<script language="JavaScript">
function butt(){
tim=1;
setInterval("tim++",100);
autourl1="http://www.163.com"
autourl2="https://www.jb51.net"
var url1=document.getElementById("url1");
var url2=document.getElementById("url2");
url1.innerHTML=" 测试连接:http://www.163.com,测试中..... ";
url2.innerHTML=" 测试连接:https://www.jb51.net,测试中..... ";
}
function auto(url){
if(tim>20) {
document.all(url).innerHTML=" 链接超时 "
}else{
document.all(url).innerHTML=" 链接耗时："+tim/10+"秒 "
}
//b++
}
function run(){
document.write("<img src="+autourl1+"/"+Math.random()+" width=0 height=0 onerror=auto('url1')>")
document.write("<img src="+autourl2+"/"+Math.random()+" width=0 height=0 onerror=auto('url2')>")
}
butt()
run()
</script>
</body>
</html>
上面代码原理是加载一个长宽为0的图片，当然这个图片是不存在的，所以会返回错误响应触发onerror时间，根据返回时间来确定是可以访问的链接
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript窗口操作与技巧汇总》、《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- JavaScript探测CSS动画是否已经完成的方法
- javascript字典探测用户名工具
- 用javascript实现给图片加链接
- js实现点击链接后延迟3秒再跳转的方法
- JS实现点击链接取消跳转效果的方法
- JS获得URL超链接的参数值实例代码
- JS对img标签进行优化使用onerror显示默认图像
- js注意img图片的onerror事件的分析
- JS使用onerror捕获异常示例
- JavaScript通过使用onerror设置默认图像显示代替alt
- 用window.onerror捕获并上报Js错误的方法
- JavaScript中的onerror事件概述及使用
- javascript window.onerror事件学习新收获
相关文章
这篇文章主要为大家详细介绍了js时间查询插件的使用方法，结合bootstrap进行使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
怎么捕获错误并且处理是一门语言必备的知识,在JavaScript中也是如此,下面这篇文章主要给大家介绍了关于JavsScript中Promise错误捕获的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
本文给大家分享mvc中form表单提交的三种方式，分别是submit 按钮 提交方式，$("#dataform").ajaxSubmit() 提交方式，post 提交方式，非常不错，具有参考借鉴价值，感兴趣的朋友一起看下吧2016-08-08
这篇文章主要介绍了JS实现前端页面的搜索功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2018-06-06
IE6中链接A的href为javascript协议时不在当前页面跳转
IE6中当链接A的href为javascript协议时不能在当前页面跳转，本例给出有效的解决方法，大家不妨参考下2014-06-06
本文通过实例代码给大家分享了JavaScript贪吃蛇小组件功能 ,需要的朋友可以参考下2017-08-08
这篇文章主要介绍了TypeScript 运行时类型检查补充工具，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要给大家总结介绍了关于javascript中的一些奇葩的日期换算方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
这篇文章主要介绍了JavaScript+Canvas实现彩色图片转换成黑白图片的方法,结合实例形式分析了javascript结合HTML5相关函数修改页面图片元素显示效果相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要为大家详细介绍了javascript实现简易的计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
最新评论