将样式应用于Iframe无延迟

时间:2014-05-28 17:58:22

标签: javascript css iframe styles

在我的页面中,我有一个iframe,并通过javascript更改了此iframe的样式。这些页面位于同一个域中。

function changeCssIFrame() {
    var iframeElement = document.getElementById('iFrameID');  
    var cssLink = document.createElement("link");
    cssLink.href = "iframe.css";
    cssLink.rel = "stylesheet"; 
    cssLink.type = "text/css"; 

    var iframeContent = (iframeElement.contentWindow || iframeElement.contentDocument);
    if (iframeContent.document)
        iframeContent = iframeContent.document;
    iframeContent.getElementsByTagName('head')[0].appendChild(cssLink);  

}

我注意到样式延迟出现在iframe中。在我的情况下,我将隐藏iframe的某些部分(例如标题的一部分),因此如果样式立即显示会很有趣。怎么做?

0 个答案:

没有答案