如果想通過(guò)程序探測(cè)一個(gè)網(wǎng)站鏈接是否存在，可以通過(guò)服務(wù)器端高級(jí)語(yǔ)言編程實(shí)現(xiàn)，其實(shí)客戶端的JavaScript也是可以探測(cè)的，下面通過(guò)一個(gè)技巧來(lái)探測(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://chabaoo.cn"
  var url1=document.getElementById("url1");
  var url2=document.getElementById("url2");
  url1.innerHTML=" 測(cè)試連接:http://www.163.com,測(cè)試中..... ";
  url2.innerHTML=" 測(cè)試連接:http://chabaoo.cn,測(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è)長(zhǎng)寬為0的圖片，當(dāng)然這個(gè)圖片是不存在的，所以會(huì)返回錯(cuò)誤響應(yīng)觸發(fā)onerror時(shí)間，根據(jù)返回時(shí)間來(lái)確定是可以訪問(wèn)的鏈接

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

您可能感興趣的文章: