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 相关文章推荐
IE之动态添加DOM节点触发window.resize事件
Jul 27 Javascript
JavaScript 浏览器对象模型BOM使用介绍
Apr 13 Javascript
代码分析jQuery四种静态方法使用
Jul 23 Javascript
JS模拟按钮点击功能的方法
Dec 22 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 Javascript
javascript中apply/call和bind的使用
Feb 15 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
javascript回调函数详解
Feb 06 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
基于js实现判断浏览器类型代码实例
Jul 17 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 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
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
php AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
Yii2数据库操作常用方法小结
2017/05/04 PHP
PHP多进程编程实例详解
2017/07/19 PHP
用js 让图片在 div或dl里 居中,底部对齐
2008/01/21 Javascript
XHTML下,JS浮动代码失效的问题
2009/11/12 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
使用js操作cookie的一点小收获分享
2013/09/03 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
在Node.js中使用Javascript Generators详解
2016/05/05 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
基于JavaScript实现屏幕滚动效果
2017/01/18 Javascript
JS在浏览器中解析Base64编码图像
2017/02/09 Javascript
javascript实现数据双向绑定的三种方式小结
2017/03/09 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
[12:29]2018国际邀请赛 开幕秀
2018/08/22 DOTA
python安装scipy的步骤解析
2019/09/28 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
Three Graces London官网:英国奢侈品牌
2021/03/18 全球购物
Agoda中文官网:安可达(低价预订全球酒店)
2021/01/18 全球购物
JDO的含义
2012/11/17 面试题
营业经理岗位职责
2013/11/10 职场文书
关于运动会的口号
2014/06/07 职场文书
入党团支部推荐意见
2015/06/02 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python