iframe继承父窗口样式CSS的方法

在子页面的head之间添加

<script>

window.onload=

function()

{

varlinkList=window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表

varhead=document.getElementsByTagName("head").item(0);

//外联样式

for(vari=0;i<linkList.length;i++)

{

varl=document.createElement("link");

l.rel='stylesheet'

l.type='text/css';

l.href=linkList[i].href;

head.appendChild(l);

}

}

</script>

这段JS应该可以实现，外联样式同步。

<script>
    window.parent.$(function () {//使用window.parent调用父级jquery
        var head = document.getElementsByTagName("head").item(0);
 
        var linkList = window.parent.document.getElementsByTagName("link");//获取父窗口link标签对象列表
        for (var i = 0; i < linkList.length; i++) {
            var _link = document.createElement("link");
            _link.rel = 'stylesheet'
            _link.type = 'text/css';
            _link.href = linkList[i].href;
            head.appendChild(_link);
        }
 
        var scriptList = window.parent.document.getElementsByTagName("script");//获取父窗口script标签对象列表
        for (var i = 0; i < scriptList.length; i++) {
            var _script = document.createElement("script");
            _script.type = 'text/javascript';
            _script.src = scriptList[i].src;
            head.appendChild(_script);
        }
    });
</script>
————————————————

继承父类css

关于JavaScript，我找不到直接将父JavaScript添加到iframe中的方法，但是您可以parent.在父内部添加任何位置以使用JS，例如：

Click please