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 相关文章推荐
Array.slice()与Array.splice()的返回值类型
Oct 09 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
谷歌Chrome浏览器扩展程序开发小记
Jan 06 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JavaScript创建对象的七种方式(推荐)
Jun 26 Javascript
vuex学习之Actions的用法详解
Aug 29 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
vue中是怎样监听数组变化的
Oct 24 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
php检测文本的编码
2015/07/26 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
Laravel 实现数据软删除功能
2019/08/21 PHP
php接口隔离原则实例分析
2019/11/11 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
js 回车提交表单两种实现方法
2012/12/31 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
2017/03/03 Javascript
JS验证码实现代码
2017/09/14 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
javascript将json格式数组下载为excel表格的方法
2017/12/22 Javascript
JS解析后台返回的JSON格式数据实例
2018/08/06 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
JS判断浏览器类型与操作系统的方法分析
2020/04/30 Javascript
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
Python工程师面试题 与Python Web相关
2016/01/14 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Python坐标线性插值应用实现
2019/11/13 Python
python利用线程实现多任务
2020/09/18 Python
python如何构建mock接口服务
2021/01/28 Python
HTML5实现预览本地图片
2016/02/17 HTML / CSS
苹果音乐订阅:Apple Music
2018/08/02 全球购物
斯洛伐克电子产品购物网站:DATART
2020/04/05 全球购物
小学关爱留守儿童活动方案
2014/08/25 职场文书
2015社区精神文明建设工作总结
2015/04/21 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
倡议书怎么写?
2019/04/11 职场文书
Golang二维切片初始化的实现
2021/04/08 Golang