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中switch判断容易犯错的一个细节
Aug 27 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
Javascript中的Callback方法浅析
Mar 15 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
iScroll.js 使用方法参考
May 16 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
微信小程序 导入图标实现过程详解
Oct 11 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 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 时间计算问题小结
2009/01/04 PHP
php中opendir函数用法实例
2014/11/15 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP生成二维码与识别二维码的方法详解【附源码下载】
2019/03/07 PHP
PHP从零开始打造自己的MVC框架之类的自动加载实现方法详解
2019/06/03 PHP
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
jquery等宽输出文字插件使用介绍
2013/09/18 Javascript
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
js实现图片无缝滚动
2015/12/23 Javascript
Javascript下拉刷新的简单实现
2017/02/14 Javascript
微信小程序 实现列表项滑动显示删除按钮的功能
2017/04/13 Javascript
javascript中关于类型判断的一些疑惑小结
2018/10/14 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
浅析webpack-bundle-analyzer在vue-cli3中的使用
2019/10/23 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
JavaScript 禁止用户保存图片的实现代码
2020/04/28 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
详解Python当中的字符串和编码
2015/04/25 Python
Python常用的内置序列结构(列表、元组、字典)学习笔记
2016/07/08 Python
Python编写一个闹钟功能
2017/07/11 Python
Python实现简单的获取图片爬虫功能示例
2017/07/12 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
python lambda的使用详解
2021/02/26 Python
详解WebSocket跨域问题解决
2018/08/06 HTML / CSS
医学毕业生自我鉴定
2013/10/30 职场文书
数控机械专业个人的自我评价
2014/01/02 职场文书
师德学习感言
2014/01/31 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
2016年社会管理综治宣传月活动总结
2016/03/16 职场文书
python3美化表格数据输出结果的实现代码
2021/04/14 Python
docker 制作mysql镜像并自动安装
2022/05/20 Servers