Самый простой способ получить значок веб -сайта - это получить его через веб -сайт/favicon.ico. Однако, поскольку многие веб -сайты создают Favicon на странице, этот метод недоступен во многих ситуациях.
Лучшим способом является достижение этого с помощью услуг, предоставленных Google:
http://www.google.com/s2/favicons?domain=http://www.baidu.com
Код:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<стиль типа = "text/css">
#вход {
Высота: 300px;
Заполнение: 10px 5px;
высота линии: 20px;
Ширина: 1000px;
}
#представлять на рассмотрение {
Высота: 30px;
Текст-альбом: Центр;
Цвет: #ffffff;
высота линии: 30px;
Ширина: 80px;
фоновый цвет: синий;
маржинальная версия: 20px;
}
#результат {
маржинальная версия: 20px;
}
#result li {
Высота: 40px;
высота линии: 40px;
Плавание: осталось;
Маржа: 10px 14px;
}
</style>
</head>
<тело>
<textarea id = "input" placeholder = "Введите несколько URL -адресов с пробелами"> </textarea>
<div id = "отправить"> получить значок </div>
<ul id = "result">
</ul>
<script type = "text/javascript">
var input = document.getElementbyId ("input");
var отправить = document.getElementById ("отправить");
var result = document.getElementbyId ("result");
var val;
функция Trim (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 (witespace.indexof (str.charat (i)) === -1) {
str = str.substring (i);
перерыв;
}
}
for (i = str.length-1; i> = 0; i--) {
if (witespace.indexof (str.charat (i)) === -1) {
str = str.substring (0, i + 1);
перерыв;
}
}
return whilepace.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: //";
}
// Crawl Ico
вернуть "http://www.google.com/s2/favicons?domain=" + prohost [1] + prohost [2];
}
отправить.onclick = function () {
val = input.value;
if (! val) оповещение («Ввод пуст!»);
val = val.split ("");
val.foreach (function (item) {
item = trim (item);
if (! ITE) вернуть;
result.innerhtml + = "<li>" + item + "<img src = '" + getfaviconurl (item) + "'> </li>";
});
};
</script>
</body>
</html>
Скачать исходный код