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 相关文章推荐
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 Javascript
js 实现菜单左右滚动显示示例介绍
Nov 21 Javascript
jquery+CSS3实现淘宝移动网页菜单效果
Aug 31 Javascript
jQuery旋转木马式幻灯片轮播特效
Dec 04 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
jquery事件与绑定事件
Mar 16 Javascript
JavaScript之underscore_动力节点Java学院整理
Jul 03 Javascript
javaScript之split与join的区别(详解)
Nov 08 Javascript
微信小程序自定义组件components(代码详解)
Oct 21 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代码
2008/04/07 PHP
PHP项目开发中最常用的自定义函数整理
2010/12/02 PHP
shopex主机报错误请求解决方案(No such file or directory)
2011/12/27 PHP
Zend Framework动作助手Json用法实例分析
2016/03/05 PHP
php的debug相关函数用法示例
2016/07/11 PHP
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
增强的 JavaScript 的 trim 函数的代码
2007/08/13 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
Python中operator模块的操作符使用示例总结
2016/06/28 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
python访问hdfs的操作
2020/06/06 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
CSS3伪类选择器:nth-child()
2009/04/02 HTML / CSS
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
一套PHP的笔试题
2013/05/31 面试题
在网络中有两台主机A和B,并通过路由器和其他交换设备连接起来,已经确认物理连接正确无误,怎么来测试这两台机器是否连通?如果不通,怎么来判断故障点?怎么排
2014/01/13 面试题
英语师范专业毕业生自荐信
2013/09/21 职场文书
护理职业生涯规划书
2014/01/24 职场文书
2014年度培训工作总结
2014/11/27 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
领导离职感言
2015/08/03 职场文书
java多态注意项小结
2021/10/16 Java/Android