美文网首页vue、javascript
iframe继承父窗口样式CSS/JS的方法

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

作者: 源大侠 | 来源:发表于2021-01-13 09:23 被阅读0次
<script>
    window.parent.$(function () {
        var head = document.getElementsByTagName("head").item(0);
         //获取父窗口link标签对象列表
        var linkList = window.parent.document.getElementsByTagName("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);
        }
       //获取父窗口script标签对象列表
        var scriptList = window.parent.document.getElementsByTagName("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>

相关文章

网友评论

    本文标题:iframe继承父窗口样式CSS/JS的方法

    本文链接:https://www.haomeiwen.com/subject/btxuaktx.html