Question

基本上，这是我用html，css，javascript制作的书签应用程序的一部分。在下面的代码中，我想获取网站徽标以及书签，我该如何在代码中执行此操作。

div

Answer 1

你可以加入

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

在h3标签之后，只需确保将logo.png替换为图像的正确naem。

但是，问题有点模糊，请告诉我这是否是你想要的。

Answer 2

使用<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>';

如何在html中添加网站徽标？

2 个答案: