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/

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

2 个答案: