[英]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.