簡體   English   中英

我可以在iframe中顯示收藏夾圖標嗎?

[英]Can I display favicon from inside an iframe?

我有另一個網站作為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> (或更改現有鏈接)。

如果頂級文檔和iframe都在同一個域中,那么您也可以訪問頂級文檔的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圖標。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM