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 相关文章推荐
select多选 multiple的使用示例
Jun 16 Javascript
JavaScript数据类型之基本类型和引用类型的值
Apr 01 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
javascript实现将数字转成千分位的方法小结【5种方式】
Dec 11 Javascript
jquery实现多次上传同一张图片
Jan 09 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
基于vue展开收起动画的示例代码
Jul 05 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
layui table去掉右侧滑动条的实现方法
Sep 05 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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变量范围介绍
2012/10/15 PHP
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
php使用file函数、fseek函数读取大文件效率对比分析
2016/11/04 PHP
什么是DOM(Document Object Model)文档对象模型
2012/03/05 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
jquery 实现输入邮箱时自动补全下拉提示功能
2015/10/04 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
JS Math对象与Math方法实例小结
2019/07/05 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
python中matplotlib实现最小二乘法拟合的过程详解
2017/07/11 Python
python之super的使用小结
2018/08/13 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
使用Python做垃圾分类的原理及实例代码附源码
2019/07/02 Python
Django实现文件上传下载功能
2019/10/06 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
用HTML5制作视频拼图的教程
2015/05/13 HTML / CSS
销售演讲稿范文
2014/01/08 职场文书
党的群众路线教育实践活动批评与自我批评
2014/02/16 职场文书
欢度春节标语
2014/07/01 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
教师个人年度总结
2015/02/11 职场文书
大一新生军训新闻稿
2015/07/17 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
旷工检讨书大全
2015/08/15 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
python运行脚本文件的三种方法实例
2022/06/25 Python