웹 사이트 아이콘을 얻는 가장 쉬운 방법은 웹 사이트/favicon.ico를 통해 그것을 얻는 것입니다. 그러나 많은 웹 사이트가 페이지에 Favicon을 설정 하므로이 방법은 많은 상황에서 사용할 수 없습니다.
더 좋은 방법은 Google에서 제공하는 서비스를 통해이를 달성하는 것입니다.
http://www.google.com/s2/favicons?domain=http://www.baidu.com
암호:
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<스타일 유형 = "텍스트/CSS">
#input {
높이 : 300px;
패딩 : 10px 5px;
라인 높이 : 20px;
너비 : 1000px;
}
#제출하다 {
높이 : 30px;
텍스트 정렬 : 센터;
색상 : #ffffff;
라인 높이 : 30px;
너비 : 80px;
배경색 : 파란색;
마진-탑 : 20px;
}
#결과 {
마진-탑 : 20px;
}
#Result Li {
높이 : 40px;
라인 높이 : 40px;
플로트 : 왼쪽;
마진 : 10px 14px;
}
</스타일>
</head>
<body>
<TextRea ID = "입력"자리 표시기 = "공간 간격으로 여러 URL을 입력하십시오"> </textRea>
<div id = "제출"> get icon </div>
<ul id = "결과">
</ul>
<script type = "text/javaScript">
var input = document.getElementById ( "입력");
var 제출 = document.getElementById ( "제출");
var result = document.getElementById ( "결과");
var val;
기능 트림 (str) {
var whitespace = '/n/r/t/f/x0b/xa0/u2000/u2001/u2002/u2003/u2004/u2005/u2006/u2007/u2008/u2009/u200a/u200b/u2028/u2029/u3000';
for (var i = 0, len = str.length; i <len; i ++) {
if (whitespace.indexof (str.charat (i)) === -1) {
str = str.substring (i);
부서지다;
}
}
for (i = str.length-1; i> = 0; i-) {
if (whitespace.indexof (str.charat (i)) === -1) {
str = str.substring (0, i + 1);
부서지다;
}
}
whitespace.indexof (str.charat (0)) === -1? str : '';
}
함수 getfaviconurl (url) {
var prohost;
prohost = url.match (/([^: //?#]+: ///)? ([^//@:]+)/i);
prohost = prohost? Prohost : [true, "http : //", document.location.hostname];
// URL을 완료합니다
if (! prohost [1]) {
Prohost [1] = "http : //";
}
// 크롤링 ICO
"http://www.google.com/s2/favicons?domain=" + Prohost [1] + Prohost [2]를 반환하십시오.
}
제출 .onclick = function () {
val = input.value;
if (! val) alert ( "입력이 비어 있습니다!");
val = val.split ( "");
val.foreach (function (item) {
항목 = 트림 (항목);
if (! 항목) 반환;
result.innerhtml + = "<li>" + item + "<img src = '" + getfaviconurl (item) + "'> </li>";
});
};
</스크립트>
</body>
</html>
소스 코드 다운로드