Question

我在Wordpress帖子中有一个嵌入了iframe的页面，我想在iframe中添加一个链接，当点击它时，会在新窗口中打开iframe的html页面。我希望能够在不知道该iframe的URL的情况下执行此操作。这可能吗？谢谢！

Answer 1

使用window.open打开窗口。您可以设置子窗口的高度，宽度和其他属性。 jsfiddle。

   <a href='javascript:void(0)'  onClick="window.open(location,'_blank','width=800, height=900'); return false;" >Html name </a>

jQuery的：

$('a').click(function(){
       window.open(location,'_blank','width=800, height=900'); 
  return false; 

});

Answer 2

在jquery中你可以在javascript window.open（）中传递iframe的src值：

window.open($("iframe.test").attr("src"), "Window Title", "width=300,height=400,left=100,top=200");

Answer 3

试试这个

<a href='pathofhtml' target=_blank >Html name </a>

Answer 4

不需要jQuery。您可以使用JavaScript来使用ID获取iFrame的src。

 function popOut() {
        var src = document.getElementById('popOutiFrame').src;
        window.open(src);
    }

接下来，使用按钮调用脚本

<button type="button" class="close" data-dismiss="modal"    onclick="popOut()">
    <!--Optional: Font Awesome expand icon-->
    <i class="fa fa-expand" aria-hidden="true"></i>
</button>

<iframe id='popOutiFrame' src='http://example.com'></iframe>

使用jQuery在新窗口中打开iframe？

4 个答案:

Demo