将 CSS 从父级附加到子弹出窗口答案

【问题标题】：Append CSS to child pop-up window from parent将 CSS 从父级附加到子弹出窗口
【发布时间】：2013-12-06 14:44:02
【问题描述】：

我正在尝试从父页面控制弹出窗口的 CSS 属性，而不擦除其内容。单击链接时，会出现一个弹出窗口，其中包含已存在的某些固定内容和样式。所以这就是我正在做的事情：

<script type="text/javascript">
    function popupcontrol(url) {
        control = window.open(url, 'RT', 'width=800,height=600,screenX=100,screenY=100,toolbar=0,resizable=0,scrollbars=1');
    ...
    }
</script>

我想添加如下内容：

$("head").append("<link rel='stylesheet' href='/css/newCss.css' type='text/css'>");

但是我应该如何选择分配给上述指定变量control的弹出页面的头部？

【问题讨论】：

标签： javascript jquery css dom popup

【解决方案1】：

您需要使用返回的窗口引用，然后找到它的子子项。

$(control.document).find('head').append(
    "<link rel='stylesheet' href='/css/newCss.css' type='text/css'>"
);

relevant answer

【讨论】：

看语法，这正是我要找的。问题是，它似乎不起作用。我找不到添加到弹出页面的源 HTML 的新行。我开始怀疑在该页面上写入的权限是否有任何限制。奇怪的是，如果我只是想通过document.write(...) 在该页面上写一些东西，该页面上的内容实际上会被擦除和替换。