在新窗口中打开iframe

时间:2013-11-04 00:16:02

标签: html iframe

如何在新窗口中打开iframe?我试过“scrolling ='auto'”。它不起作用。

我把我的代码放在这里:

<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>

有什么想法吗?欢呼声。

4 个答案:

答案 0 :(得分:1)

尝试在该链接中添加target="_top"

或者,如果您需要从iframe内的链接打开新页面,如果我理解正确的话,您可以:

使用 jQuery

$('iframe a').attr('target', '_blank');

答案 1 :(得分:0)

我建议您只使用指向其他网页的超链接而不是iframe。或者是实际上是链接的屏幕截图图像。

有些用户可能“智能”足以在iframe(在Internet Explorer中)右键单击并选择“在新窗口中打开”选项,但其他用户则不会这样做。

答案 2 :(得分:0)

简单的方法是使用属性为target =“_ blank”的超链接。

如果高度和宽度对您很重要(参见您的示例),则可以使用JavaScript方法window.open

答案 3 :(得分:0)

您可以使用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>

JS:

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.