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 相关文章推荐
javascript针对DOM的应用分析(四)
Apr 15 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
IE与FireFox的JavaScript兼容问题解决办法
Dec 31 Javascript
实例讲解javascript注册事件处理函数
Jan 09 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
详解Angular CLI + Electron 开发环境搭建
Jul 20 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 Javascript
es5 类与es6中class的区别小结
Nov 09 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
DW中链接mysql数据库时,建立字符集中文出现乱码的解决方法
2010/03/27 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
javascript中callee与caller的区别分析
2015/04/20 Javascript
关于在Servelet中如何获取当前时间的操作方法
2016/06/28 Javascript
详解jQuery uploadify文件上传插件的使用方法
2016/12/16 Javascript
vue.js实现请求数据的方法示例
2017/02/07 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
AngularJS中使用three.js的实例详解
2017/07/21 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
Python数字图像处理之霍夫线变换实现详解
2018/01/12 Python
对Python中画图时候的线类型详解
2019/07/07 Python
Django之腾讯云短信的实现
2020/06/12 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
python与js主要区别点总结
2020/09/13 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
一份比较全的PHP面试题
2016/07/29 面试题
自荐信要包含哪些内容
2013/11/06 职场文书
项目考察欢迎辞
2014/01/17 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
本科应届生求职信
2014/08/05 职场文书
转让协议书范本
2014/09/13 职场文书
拆迁委托协议书
2014/09/15 职场文书
工商局所长四风自我剖析及整改措施
2014/10/26 职场文书
2014年结对帮扶工作总结
2014/12/17 职场文书
运动会通讯稿300字
2015/07/20 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
python小型的音频操作库mp3Play
2022/04/24 Python
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript