如何在html中添加網站標誌？

基本上，這是我使用html，css，javascript製作的書籤應用程序的一部分。在下面的代碼中，我想讓網站徽標和書籤一起如何在代碼中執行此操作。如何在html中添加網站標誌？

for(var i=0;i<bookmarks.length;i++) 
{ 
var name=bookmarks[i].name; 
var url=bookmarks[i].url; 
bookmarksresults.innerHTML+='<div class="well">'+ 
          '<h3>'+name+ 
          '<a class="btn btn-default" target="_blank" 
          href="'+url+'">Visit</a> '+ 
          '<a onclick="deleteBookmark(\''+url+'\')" + 
          class="btn btn-danger" href="#">Delete</a> '+ 
          '</h3>' + 
          '</div>'; 
}

來源

2017-03-31 Rahul jhawar

你可以只添加

<img src=" +logo.png+ " />

的H3標籤後，只是確保以正確的NAEM的圖片取代logo.png。

但是，這個問題有點含糊，讓我知道如果這是你想要的。

來源

2017-03-31 14:09:07

我的問題是，當我的書籤在此應用程序一個網站，我怎麼可能讓網站品牌標誌以及我做的書籤。基本上，我正在談論的favicons。 –

哦，考慮到這一點，我會建議搜索網站，favi.ico圖像和保存該圖像。然而，作爲一種方式，我沒有什麼幫助，我很抱歉 –

使用<img>標籤

bookmarksresults.innerHTML+='<div class="well">'+ 
          '<h3>'+name+ 
          '<a class="btn btn-default" target="_blank" 
          href="'+url+'">Visit&nbsp;<img src="logo.png" alt="Logo" height="42" width="42"></a> '+ 
          '<a onclick="deleteBookmark(\''+url+'\')" + 
          class="btn btn-danger" href="#">Delete</a> '+ 
          '</h3>' + 
          '</div>';

如果你想要把圖標：看https://stackoverflow.com/a/10283308/1914034

var getFavicon = function(){ 
    var favicon = undefined; 
    var nodeList = document.getElementsByTagName("link"); 
    for (var i = 0; i < nodeList.length; i++) 
    { 
     if((nodeList[i].getAttribute("rel") == "icon")||(nodeList[i].getAttribute("rel") == "shortcut icon")) 
     { 
      favicon = nodeList[i].getAttribute("href"); 
     } 
    } 
    return favicon;   
} 

bookmarksresults.innerHTML+='<div class="well">'+ 
           '<h3>'+name+ 
           '<a class="btn btn-default" target="_blank" 
           href="'+url+'">Visit&nbsp;<img src="'+ getFavicon() +'" alt="Logo" height="42" width="42"></a> '+ 
           '<a onclick="deleteBookmark(\''+url+'\')" + 
           class="btn btn-danger" href="#">Delete</a> '+ 
           '</h3>' + 
           '</div>';

來源

2017-03-31 14:09:14

它的工作謝謝你！ –

請參閱編輯favicon –

如何在html中添加網站標誌？

回答

相關問題