Question

我在网页内运行另一个网站作为iframe。但是它没有显示图标。我认为这是不可能的，但只是想双重确认是否有人知道某种方式。

Answer 1

在您的子页面中可能是这样的，即iFrame中的页面：

(function() {
  var link = parent.document.createElement('link');
  link.type = 'image/x-icon';
  link.rel = 'shortcut icon';
  link.href = 'http://www.stackoverflow.com/favicon.ico';
  parent.document.getElementsByTagName('head')[0].appendChild(link);
}());

Answer 2

您可以通过修改HTML来设置图标，即添加：

<link rel="shortcut icon" type="image/png" href="/favicon.png"/>

到<head>（或更改现有链接）。

如果顶层文档和iframe位于同一个域中，则

You can also access DOM of the top document。

示例：

master = window.parent.document;
head = master.getElementsByTagName("head")[0];
favicon = master.createElement("link");
favicon.rel = "shortcut icon";
favicon.type = "image/png";
favicon.href = "//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=038622610830";
head.appendChild(favicon);

将页面图标设置为Stack Overflow favicon。

我可以在iframe中显示favicon吗？

2 个答案: