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 相关文章推荐
javawscript 三级菜单的实现原理
Jul 01 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
js中生成map对象的方法
Jan 09 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
javascript实现移动端上的触屏拖拽功能
Mar 04 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
axios学习教程全攻略
Mar 26 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 Javascript
ES6数组与对象的解构赋值详解
Jun 14 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
第二节--PHP5 的对象模型
2006/11/16 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
Yii 快速,安全,专业的PHP框架
2014/09/03 PHP
laravel框架关于搜索功能的实现
2018/03/15 PHP
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
JavaScript 学习笔记(十五)
2010/01/28 Javascript
一个js拖拽的效果类和dom-drag.js浅析
2010/07/17 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
JS操作图片(增,删,改) 例子
2013/04/17 Javascript
php+ajax+jquery实现点击加载更多内容
2015/05/03 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
2015/11/23 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
D3.js实现饼状图的方法详解
2016/09/21 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
[02:36]DOTA2混沌骑士 英雄基础教程
2013/11/26 DOTA
对于Python装饰器使用的一些建议
2015/06/03 Python
tensorflow1.0学习之模型的保存与恢复(Saver)
2018/04/23 Python
python xpath获取页面注释的方法
2019/01/14 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
基于Python实现全自动下载抖音视频
2020/11/06 Python
python Xpath语法的使用
2020/11/26 Python
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
医学生实习自荐信
2013/10/01 职场文书
迎元旦广播稿
2014/02/22 职场文书
数学教育专业求职信
2014/07/22 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
质量保证书
2015/01/17 职场文书
Python requests用法和django后台处理详解
2022/03/19 Python