取得網站icon，常用最簡單的方法就是透過website/favicon.ico來獲取，不過由於很多網站都是在頁裡面設定favicon，所以此方法很多情況都不可用。 更好的方法是透過google提供的服務來實現：http://www.google.com/s2/favicons?domain=http://www.baidu.com 程式碼： 複製程式碼 程式碼如下: 程式碼如下: <BR>#input { <BR>height: 300px; <BR>padding: 10px 5px; <BR>line-height: 20px; <BR>width: 1000px; <BR>} <BR>#submit <BR> 🎜>text-align: center; <BR>color: #ffffff; <BR>line-height: 30px; <BR>width: 80px; <BR>background-color: blue; <BR>margin-top: 20px; <BR>} <BR>#result { <BR>margin-top: 20px; <BR>} <BR>#result li { <BR>height: 40px; <BR>line-height: 40px; : left; <BR>margin: 10px 14px; <br>} <br> 取得icon ul> <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 = ' 9u200au200bu2028u2029u3000'; <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>break; <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 ? prohost : [true, "http://", document.location.hostname]; <BR><BR>//補全url <BR>if (!prohost[1]) { <BR>prohost[1] = "http://"; <BR>} <BR>//抓取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>" item "<img src='" getFavIconUrl(item) "' alt="如何取得網站icon有哪些可行的方法_javascript技巧" >"; <BR>}); <BR>}; <BR> 原始碼下載
