我们可以将样式表添加到window.open弹出窗口吗

Question

我正在使用window.open从javascript创建一个弹出窗口，我的弹出链接是一些第三方网站链接。 我想重写一些CSS类来加载弹出内容。

可能吗？

我尝试使用下面的代码，但无法正常工作。

    e = window.open('external-url', 'test window', options)
    var head  = e.document.getElementsByTagName('head')[0];
    var link  = e.document.createElement('link');
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'css url hosted on my site';
    link.media = 'all';
    head.appendChild(link);

Answer 1

不，您不能编辑您打开的外部站点，这将是一个巨大的安全问题，请参阅同源策略 。 但是，您可以为打开的窗口设置高度，宽度，屏幕上的位置，滚动条的可见性和其他一些属性，请参见Window.open（）

Answer 2

您可以在<iframe>标记中实现。 检查此示例http://jsfiddle.net/wxasfymL/3/