웹사이트 링크 감지를 구현하는 JS 방법-JS 튜토리얼-php.cn

웹사이트 링크 감지를 구현하는 JS 방법

高洛峰

풀어 주다： 2016-12-07 13:56:02

원래의

1106명이 탐색했습니다.

이 기사의 예에서는 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="http://www.jb51.net"
  var url1=document.getElementById("url1");
  var url2=document.getElementById("url2");
  url1.innerHTML=" 测试连接:http://www.163.com,测试中..... ";
  url2.innerHTML=" 测试连接:http://www.jb51.net,测试中..... ";
}
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(&#39;url1&#39;)>")
  document.write("<img src="+autourl2+"/"+Math.random()+" width=0 height=0 onerror=auto(&#39;url2&#39;)>")
}
butt()
run()
</script>
</body>
</html>

로그인 후 복사

위 코드의 원리는 길이와 너비가 0인 이미지를 불러오는 것입니다. 물론 이 이미지는 존재하지 않으므로 onerror 시간을 트리거하기 위해 오류 응답이 반환되며, 반환 시간

에 따라 액세스 가능한 링크가 결정됩니다.