在新窗口中打开 iframe

Question

如何在新窗口中打开 iframe？我试过“滚动=‘自动’”。它不起作用。

我把我的代码放在这里：

 <iframe width="572px" scrolling="auto" height="335px"
        frameborder="1" src="http://XXXX.com/iframe-page"
        style="border: 0px none #ffffff;" name="national-campaign"
        marginheight="0px" marginwidth="0px">
</iframe>

我想在新窗口中打开链接。我有两个站点，一个公司站点和一个经销商站点。在公司网站上，我有一个页面只有一张图片，我想在公司网站和经销商网站上显示。当您单击图像时，它会转到查看详细信息页面。但是，我想要在我的经销商站点中实现的是，当您单击 iframe 图像时，它会在新窗口中打开选项卡，而不是在 iframe 中显示详细信息页面。

有任何想法吗？干杯。

原文由 Alex Chen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 jquery 和 window.open 方法来完成。

HTML:

 <iframe id="iframe" width="572px" scrolling="auto" height="335px"
        frameborder="1" src="http://XXXX.com/iframe-page"
        style="border: 0px none #ffffff;" name="national-campaign"
        marginheight="0px" marginwidth="0px">
</iframe>

记者：

 var iframe = $("#iframe");
var newWindow = window.open(iframe.attr(src), 'Dynamic Popup', 'height=' + iframe.height() + ', width=' + iframe.width() + 'scrollbars=auto, resizable=no, location=no, status=no');
newWindow.document.write(iframe[0].outerHTML);
newWindow.document.close();
iframe[0].outerHTML = ''; // to remove iframe in page.

原文由 Kamuran Sönecek 发布，翻译遵循 CC BY-SA 3.0 许可协议