我们可以将样式表添加到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

不，您不能编辑您已打开的外部网站，这将是一个巨大的安全问题，请参阅Same-origin policy。但是，您可以为打开的窗口设置高度、宽度、屏幕上的位置、滚动条可见性和其他一些属性，请参见Window.open()

Answer 2

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