Web サイトのアイコンを取得する最も一般的かつ簡単な方法は、website/favicon.ico を使用することです。ただし、多くの Web サイトではページに 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>高さ: 30px; <br>色: #ffffff; <br>幅: 80px; <br>マージントップ: 20px; <br>} <br>#result { <br>マージントップ: 20px; <br>} <br>#result li { <br>高さ: 40px; -高さ: 40px; <br>マージン: 10px 14px; <br><br><body> <br><textarea id="input" placeholder="複数の URL をスペースで区切って入力します"></textarea> <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>varwhitespace = 'nrtfx0bxa0u2000u2001u2002u2003u2004u2005u2006u2007u2008u2009u200au200bu2028u2029u3000'; <br>for (var i = 0, len = str.length; i & lt; len; i ) { <br>if (whitespace.indexOf(str.charAt(i) ) ) === -1) { <br>str = str.substring(i); <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>returnwhitespace.indexOf(str.charAt(0)) === -1 ? str : ''; <br><br>関数 getFavIconUrl(url) { <br>var prohost; <br>prohost = url.match(/([^:/?#] ://)?([^/@:] )/i); : [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) alter("入力が空です! "); <br>val = val.split(" "); <br>val.forEach(function(item) { <br>item = トリム(item); <br>if (!item) return; <br>result.innerHTML = "<li>" item "<img src='" getFavIconUrl(item) "'></li>" <br>}; ;/script> <br></html> <br><br> ソースコードのダウンロード<br> </div>
