我可以从一个框架内显示图标

Can I display favicon from inside an iframe?

本文关键字：框架 显示 显示图 图标 一个 我可以      更新时间：2023-09-26

我有另一个网站内运行的网页作为iframe。然而，它不显示图标。我认为这是不可能的，但我只是想再确认一下是否有人知道一种方法。

可能在你的子页面中是这样的，即在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);
}());

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

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

到<head>(或更改现有链接)。

如果top文档和iframe在同一个域中，你也可以访问top文档的DOM。

的例子:

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图标。

相关文章：