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中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
javascript 对表格的行和列都能加亮显示
Dec 26 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
Dec 26 Javascript
面向对象继承实例(a如何继承b问题)(自写)
Jul 01 Javascript
jquery中$.post()方法的简单实例
Feb 04 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 jQuery
微信小程序实现刷脸登录
May 25 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
全面分析JavaScript 继承
May 30 Javascript
vue使用element-ui按需引入
May 20 Vue.js
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
ZF等常用php框架中存在的问题
2008/01/10 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
php实现telnet功能示例
2014/04/08 PHP
php使用cookie实现记住登录状态
2015/04/27 PHP
php原生导出excel文件的两种方法(推荐)
2016/11/19 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
BootStrap智能表单demo示例详解
2016/06/13 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
vue异步axios获取的数据渲染到页面的方法
2018/08/09 Javascript
Echart折线图手柄触发事件示例详解
2018/12/16 Javascript
js+html+css实现手动轮播和自动轮播
2020/12/30 Javascript
浅谈python为什么不需要三目运算符和switch
2016/06/17 Python
TensorFLow用Saver保存和恢复变量
2018/03/10 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
基于wxPython的GUI实现输入对话框(2)
2019/02/27 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
Python中内建模块collections如何使用
2020/05/27 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
Python selenium实现断言3种方法解析
2020/09/08 Python
python计算auc的方法
2020/09/09 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
StubHub德国:购买和出售门票
2017/09/06 全球购物
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
城市规划毕业生求职信
2013/10/10 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
小学母亲节活动总结
2015/02/10 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
公务员保密工作承诺书
2015/05/04 职场文书
解决vue $http的get和post请求跨域问题
2021/06/07 Vue.js
十大最强电系宝可梦,阿尔宙斯电系之一,第七被称为雷神
2022/03/18 日漫