美文网首页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