웹사이트 아이콘을 얻는 가장 일반적이고 간단한 방법은 website/favicon.ico를 이용하는 것입니다. 그러나 많은 웹사이트가 페이지에 파비콘을 설정하기 때문에 이 방법을 사용할 수 없는 경우가 많습니다. 더 좋은 방법은 Google에서 제공하는 서비스를 이용하는 것입니다. http://www.google.com/s2/favicons?domain=http://www.baidu.com 코드: 코드 복사 코드는 다음과 같습니다. #input { <BR>높이: 300px; <BR>패딩: 10px 5px; <BR>줄 높이: 20px; <BR>너비: 1000px; <BR>} <BR>#submit { <BR>높이: 30px; <BR>텍스트 정렬: <BR>색상: #ffffff; <BR>줄 높이: <BR>폭: 80px; <BR>margin-top: 20px <BR>} <BR>#result { <BR>margin-top: 20px; <BR>} <BR>#result li { <BR>높이: 40px; -높이: 40px; <BR>float: 왼쪽; <BR>} <BR> <BR><div id="submit">아이콘 가져오기</div> < ;ul id="result"> <BR><br></ul> <br><BR><script type="text/javascript"> <BR>var input = document.getElementById(" input "); <BR>var submit = document.getElementById("submit"); <br>var result = document.getElementById("result"); <br>var val; <br><br>function Trim(str ) { <BR>var whitespace = ' nrtfx0bxa0u2000u2001u2002u2003u2004u2005u2006u2007u2008u2009u200au200bu2028u2029u3000' <BR>for (var i = 0, len = str.length; i < len; i ) { <BR>if (whitespace.indexOf(str.charAt(i ) ) === -1) { <BR>str = str.substring(i); <br>break <br>} <BR>} <BR>for (i = str.length - 1; i > = 0; i--) { <BR>if (whitespace.indexOf(str.charAt(i)) === -1) { <BR>str = str.substring(0, i 1); ; <BR>} <BR>} <BR>return whitespace.indexOf(str.charAt(0)) === -1 ? str : '' <BR>} <BR><BR>function getFavIconUrl(url) { <BR>var prohost; <BR>prohost = url.match(/([^:/?#] ://)?([^/@:] )/i) <BR>prohost = prohost ? : [true, "http://", document.location.hostname]; <BR><BR>//전체 URL <br>if (!prohost[1]) { <br>prohost[1] = "http ://"; <BR>} <BR>//Catch ico <BR>return "http://www.google.com/s2/favicons?domain=" prohost[1] prohost[2]; <br> } <br>submit.onclick = function() { <BR>val = input.value; <BR>if (!val) Alert("입력이 비어 있습니다! "); <BR>val = val.split(" "); <BR>val.forEach(function(item) { <BR>item = Trim(item); <BR>if (!item) return; <BR>result.innerHTML = "<li>" 항목 "<img src='" getFavIconUrl(item) "'></li>" <BR>}); ;/script> <BR></body> <BR></html> <BR><BR>소스 코드 다운로드<BR></style> </div>
