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
Aug 13 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
jQuery Tools Dateinput使用介绍
Jul 14 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
js将滚动条滚动到指定位置的简单实现方法
Jun 25 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
《javascript少儿编程》location术语总结
May 27 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 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作的文本留言本的例子(一)
2006/10/09 PHP
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
隐藏你的.php文件的实现方法
2007/03/19 PHP
简单的PHP图片上传程序
2008/03/27 PHP
基于PHP输出缓存(output_buffering)的深入理解
2013/06/13 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
微信公众号开发之获取位置信息php代码
2018/06/13 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
jQuery 联动日历实现代码
2012/05/31 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
JavaScript Array对象基本方法详解
2019/09/03 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
JavaScript onclick事件使用方法详解
2020/05/15 Javascript
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
用PyQt进行Python图形界面的程序的开发的入门指引
2015/04/14 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
Python3 assert断言实现原理解析
2020/03/02 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
CSS3制作3D立方体loading特效
2020/11/09 HTML / CSS
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
办加油卡单位介绍信
2014/01/09 职场文书
社区文明倡议书
2015/04/28 职场文书
处罚决定书范文
2015/06/24 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis