웹사이트 링크 감지를 구현하는 JS 방법
- 高洛峰원래의
- 2016-12-07 13:56:021171검색
이 기사의 예에서는 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('url1')>")
document.write("<img src="+autourl2+"/"+Math.random()+" width=0 height=0 onerror=auto('url2')>")
}
butt()
run()
</script>
</body>
</html>
위 코드의 원리는 길이와 너비가 0인 이미지를 불러오는 것입니다. 물론 이 이미지는 존재하지 않으므로 onerror 시간을 트리거하기 위해 오류 응답이 반환되며, 반환 시간
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.