将样式应用于 iframe 中的内容

Question

iframe 内的页面由 javascript 动态加载。

我使用jQuery，所以我尝试了这样。

var css2 = '<link rel="stylesheet" href="/inc/css/style.css" type="text/css"/>';
$("iframe").contents().find("head").append(css2);

这适用于 Firefox，但不适用于 IE。

然后我创建了 dom 并使用 'createElement'、'setAttribute' 手动将其附加到 head 标签。它仍然不适用于 IE。

我认为动态控制 iframe 存在安全问题。 有没有办法让它与 IE 一起工作？

Answer 1

试试这个（未经测试）：

var id = '#myIframeId'
var iframe = document.frames ? document.frames[id] : document.getElementById(id);
var ifWin = iframe.contentWindow || iframe;


$(ifWin).find('head').append(css2);