أسهل طريقة للحصول على أيقونة موقع الويب هي الحصول عليها من خلال موقع الويب/favicon.ico. ومع ذلك ، نظرًا لأن العديد من مواقع الويب تقوم بإنشاء Favicon على الصفحة ، فإن هذه الطريقة غير متوفرة في العديد من المواقف.
طريقة أفضل هي تحقيق ذلك من خلال الخدمات التي تقدمها Google:
http://www.google.com/s2/favicons؟domain=http://www.baidu.com
شفرة:
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<type type = "text/css">
#مدخل {
الارتفاع: 300 بكسل ؛
الحشو: 10px 5px ؛
رفع الخط: 20 بكسل ؛
العرض: 1000px ؛
}
#يُقدِّم {
الارتفاع: 30 بكسل ؛
محاذاة النص: المركز ؛
اللون: #ffffff ؛
ارتفاع الخط: 30 بكسل ؛
العرض: 80px ؛
لون الخلفية: الأزرق.
الهامش: 20 بكسل ؛
}
#نتيجة {
الهامش: 20 بكسل ؛
}
#result li {
الارتفاع: 40 بكسل ؛
رفع الخط: 40 بكسل ؛
تعويم: اليسار.
الهامش: 10px 14px ؛
}
</style>
</head>
<body>
<textarea id = "input" placeholder = "أدخل عناوين URL متعددة مع فترات فضائية"> </textarea>
<div id = "submit"> احصل على أيقونة </div>
<ul id = "result">
</ul>
<script type = "text/javaScript">
var input = document.getElementById ("input") ؛
var submit = document.getElementById ("submit") ؛
var result = document.getElementById ("result") ؛
فار فال
وظيفة trim (str) {
var whitespace = '/n/r/f/x0b/xa0/u2000/u2001/u2002/u2003/u2004/u2005/u2006/u2007/u2008/u2009/u200a/u200b/u2028/u2029/u3000' ؛
لـ (var i = 0 ، len = str.length ؛ i <len ؛ i ++) {
if (whitespace.indexof (str.charat (i)) === -1) {
str = str.substring (i) ؛
استراحة؛
}
}
لـ (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 ؛
إذا (! val) تنبيه ("الإدخال فارغ!") ؛
val = val.split ("") ؛
Val.Foreach (وظيفة (عنصر) {
العنصر = trim (عنصر) ؛
إذا (! عنصر) العودة ؛
result.innerhtml + = "<li>" + item + "<img src = '" + getFaviconurl (item) + "'> </li>" ؛
}) ؛
} ؛
</script>
</body>
</html>
تنزيل رمز المصدر