Question

我写了一个函数来创建一个新的Window（子窗口）。

        openReportsWindow:function(content){
        window.name = "parentWin";
        var h = screen.height;
        var w = screen.width;
        if(window.childWrep == null){
            var childWrep = window.open("", 'repWin','left=0,top=0,resizable=yes,status=yes,width='+w +',height=' +h+'');
            childWrep.document.write(content);
            childWrep.document.close();
            childWrep.name = 'repWin';
            window.childWrep = childWrep;
        } else {
            window.blur();
            if(window.childWrep.closed == false){
                childWrep.document.write(content);
                childWrep.document.close();
                setTimeout(function(){window.childWrep.focus()},1000);
            } else{
                var childWrep = window.open("", 'repWin','left=0,top=0,resizable=yes,status=yes,width='+w +',height=' +h+'');
                childWrep.document.write(content);
                childWrep.document.close();
                childWrep.name = 'repWin';
                window.childWrep = childWrep;
            }
        }
    }

并以这种方式将html放入此子窗口中。

        render : function() {

        var context = {
                data: data
                ...
        };

        this.openReportsWindow(this.template(context));

    }

这是问题所在。如何从父窗口继承CSS样式？以及如何在子窗口中触发事件？

Answer 1

要复制父样式，可以使用.style属性，只需为父元素和子元素使用元素选择器，然后将child.style属性分配为parent.style即可。

示例：

let $parent = document.getElementById('parenID')
let $child = document.getElementById('childID')
$child.style = parent.style

子窗口如何从javascript的父窗口继承CSS样式？

1 个答案: