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 相关文章推荐
js点击页面其它地方将某个显示的DIV隐藏
Jul 12 Javascript
js单例模式详解实例
Nov 21 Javascript
js中的事件捕捉模型与冒泡模型实例分析
Jan 10 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 Javascript
javascript history对象详解
Feb 09 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
深入理解node.js http模块
Jan 24 Javascript
Node+OCR实现图像文字识别功能
Nov 26 Javascript
JS中的算法与数据结构之常见排序(Sort)算法详解
Aug 16 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
JavaScript 异步时序问题
Nov 20 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编程网上资源导航
2006/10/09 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
深入浅析PHP7.0新特征(五大新特征)
2015/10/29 PHP
php 微信开发获取用户信息如何实现
2016/12/13 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
基于jQuery替换table中的内容并显示进度条的代码
2011/08/02 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
jQuery控制frames及frame页面JS的方法
2016/03/08 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法
2019/08/22 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
[47:39]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs OPTIC
2018/03/31 DOTA
[01:06:42]VP vs NewBee Supermajor 胜者组 BO3 第二场 6.5
2018/06/06 DOTA
python去掉字符串中重复字符的方法
2014/02/27 Python
Python中格式化format()方法详解
2017/04/01 Python
python实现简易内存监控
2018/06/21 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
基于python生成英文版词云图代码实例
2020/05/16 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
python实现数字炸弹游戏
2020/07/17 Python
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
介绍一下内联、左联、右联
2013/12/31 面试题
2019史上最全Database工程师题库
2015/12/06 面试题
四川成都导游欢迎词
2014/01/18 职场文书
法人代表授权委托书
2014/04/08 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
小浪底导游词
2015/02/12 职场文书
通讯稿格式及范文
2015/07/22 职场文书
如何给HttpServletRequest增加消息头
2021/06/30 Java/Android
SpringBoot Http远程调用的方法
2022/08/14 Java/Android