我們可以將樣式表添加到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/