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 相关文章推荐
基于jquery跨浏览器显示的file上传控件
Oct 24 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
现如今最流行的JavaScript代码规范
Mar 08 Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
Aug 20 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
js常用正则表达式集锦
May 17 Javascript
详解React 元素渲染
Jul 07 Javascript
详解Vue slot插槽
Nov 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
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
Bootstrap+PHP实现多图上传功能实例详解
2018/04/08 PHP
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
js鼠标滑过弹出层的定位IE6bug解决办法
2012/12/26 Javascript
简易的投票系统以及js刷票思路和方法
2015/04/07 Javascript
ReactJs快速入门教程(精华版)
2016/11/28 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
jquery将json转为数据字典的实例代码
2019/10/11 jQuery
对vuex中store和$store的区别说明
2020/07/24 Javascript
vue实现移动端项目多行文本溢出省略
2020/07/29 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
2020/11/16 Javascript
在Django框架中编写Context处理器的方法
2015/07/20 Python
python如何在终端里面显示一张图片
2016/08/17 Python
Python实现获取照片拍摄日期并重命名的方法
2017/09/30 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
python3 使用traceback定位异常实例
2020/03/09 Python
python图片验证码识别最新模块muggle_ocr的示例代码
2020/07/03 Python
Python之京东商品秒杀的实现示例
2021/01/06 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
父母对孩子的寄语
2014/04/09 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
讲解员培训方案
2014/05/04 职场文书
公共场所禁烟标语
2014/06/25 职场文书
语文教育专业求职信
2014/06/28 职场文书
三月雷锋月活动总结
2014/07/03 职场文书
法制教育演讲稿
2014/09/10 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
PHP遍历数组的6种方式总结
2021/11/17 PHP
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers