Heim  >  Artikel  >  Web-Frontend  >  JS-Methode zur Implementierung der Website-Link-Erkennung

JS-Methode zur Implementierung der Website-Link-Erkennung

高洛峰
高洛峰Original
2016-12-07 13:56:021105Durchsuche

Das Beispiel in diesem Artikel beschreibt die Methode zur Erkennung von Website-Links mithilfe von JS. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Wenn Sie über ein Programm feststellen möchten, ob ein Website-Link vorhanden ist, können Sie dies tatsächlich über eine serverseitige Hochsprachenprogrammierung tun , clientseitiges JavaScript kann es auch erkennen. Hier ist ein Trick, um Website-Links zu erkennen.

<!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>

Das Prinzip des obigen Codes besteht darin, ein Bild mit einer Länge und Breite von 0 zu laden. Natürlich existiert dieses Bild nicht, also Es wird eine Fehlerantwort zurückgegeben, um die Onerror-Zeit auszulösen. Der verfügbare Link wird anhand der Rückgabezeit bestimmt


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn