JS实现探测网站链接的方法【测试可用】


Posted in Javascript onNovember 08, 2016

本文实例讲述了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://3water.com"
  var url1=document.getElementById("url1");
  var url2=document.getElementById("url2");
  url1.innerHTML=" 测试连接:http://www.163.com,测试中..... ";
  url2.innerHTML=" 测试连接:https://3water.com,测试中..... ";
}
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 相关文章推荐
jQuery EasyUI API 中文文档 - Calendar日历使用
Oct 19 Javascript
通过jQuery源码学习javascript(一)
Dec 27 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
Jan 10 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
Jan 11 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 Javascript
d3.js实现图形缩放平移
Dec 19 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
AngularJS+Bootstrap实现多文件上传与管理
Nov 08 #Javascript
AngularJS压缩JS技巧分析
Nov 08 #Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 #Javascript
bootstrap fileinput完整实例分享
Nov 08 #Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 #Javascript
JS文件上传神器bootstrap fileinput详解
Jan 28 #Javascript
Javascript数组循环遍历之forEach详解
Nov 07 #Javascript
You might like
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
js函数的引用, 关于内存的开销
2012/09/17 Javascript
jQuery 全选/反选以及单击行改变背景色实例
2013/07/02 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
js面向对象编程总结
2017/02/16 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
2017/08/16 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
使用 Element UI Table 的 slot-scope方法
2019/10/10 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
Python 数据处理库 pandas进阶教程
2018/04/21 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
pandas的排序和排名的具体使用
2019/07/31 Python
Pytorch之Variable的用法
2019/12/31 Python
python中with用法讲解
2020/02/07 Python
python读写文件write和flush的实现方式
2020/02/21 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
上海天奕面试题笔试题
2015/04/19 面试题
如何现实servlet的单线程模式
2014/08/05 面试题
货物运输服务质量承诺书
2014/05/29 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
2015年中个人总结范文
2015/03/10 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
python如何在word中存储本地图片
2021/04/07 Python
在Centos 8.0中安装Redis服务器的教程详解
2022/03/21 Redis