html - 需要将父文档的 css 获取到 iframe

Question

在我的父文档中，我有一个可编辑的 iframe。在父文档中，我使用@font-face外部 css 文件自定义了字体系列实现。

默认情况下，此@font-face实现不会携带到 iframe 中，直到我专门将其添加到 iframe 中。

我在网上看到这是不可能的，直到我将它专门添加到 iframe 中，因为 iframe 提供了与父文档的 css 隔离。

这是正确的还是有任何方法可以将 css 文件从父 iframe 继承到子 iframe？

Answer 1

这可能有效；可能。内部 iframe

window.onload = function() {
    if (parent) {
        var oHead = document.getElementsByTagName("head")[0];
        var arrStyleSheets = parent.document.getElementsByTagName("style");
        for (var i = 0; i < arrStyleSheets.length; i++)
            oHead.appendChild(arrStyleSheets[i].cloneNode(true));
    }
}