javascript - 将 CSS 附加到父级的子弹出窗口

Question

我试图从父页面控制弹出窗口的 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的弹出页面的头部？

Answer 1

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

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

relevant answer