快捷導(dǎo)航

JS實(shí)現(xiàn)探測(cè)網(wǎng)站鏈接的方法【測(cè)試可用】

更新時(shí)間：2016年11月08日 10:12:35 作者：yczz

這篇文章主要介紹了JS實(shí)現(xiàn)探測(cè)網(wǎng)站鏈接的方法,通過網(wǎng)站返回錯(cuò)誤響應(yīng)觸發(fā)onerror時(shí)間來判斷網(wǎng)站鏈接的可用性，非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)探測(cè)網(wǎng)站鏈接的方法。分享給大家供大家參考，具體如下：

如果想通過程序探測(cè)一個(gè)網(wǎng)站鏈接是否存在，可以通過服務(wù)器端高級(jí)語言編程實(shí)現(xiàn)，其實(shí)客戶端的JavaScript也是可以探測(cè)的，下面通過一個(gè)技巧來探測(cè)網(wǎng)站鏈接。

<!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探測(cè)網(wǎng)站鏈接</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="http://m.fzitv.net"
  var url1=document.getElementById("url1");
  var url2=document.getElementById("url2");
  url1.innerHTML=" 測(cè)試連接:http://www.163.com,測(cè)試中..... ";
  url2.innerHTML=" 測(cè)試連接:http://m.fzitv.net,測(cè)試中..... ";
}
function auto(url){
  if(tim>20) {
    document.all(url).innerHTML=" 鏈接超時(shí) "
  }else{
    document.all(url).innerHTML=" 鏈接耗時(shí)："+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>

上面代碼原理是加載一個(gè)長寬為0的圖片，當(dāng)然這個(gè)圖片是不存在的，所以會(huì)返回錯(cuò)誤響應(yīng)觸發(fā)onerror時(shí)間，根據(jù)返回時(shí)間來確定是可以訪問的鏈接

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: