Javascript 如何使iframe在新窗口中打开

Javascript 如何使iframe在新窗口中打开,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,我对flickr的iframe有问题 我有一个网站,我在其中嵌入了flickr的iframe,以便显示图库,而不必担心创建滑块、调整图片大小和提取缩略图 此外,由于这个网站是为我的一个朋友,他希望能够改变自己的照片,而不必要求我所有的时间来改变网站 所以解决方案是使用flickr的iframe,他在那里创建了他的画廊,我将他的画廊嵌入到网站中 代码如下: <div class="six columns"> <iframe src="https://www.f

我对flickr的iframe有问题

我有一个网站,我在其中嵌入了flickr的iframe,以便显示图库,而不必担心创建滑块、调整图片大小和提取缩略图

此外,由于这个网站是为我的一个朋友,他希望能够改变自己的照片,而不必要求我所有的时间来改变网站

所以解决方案是使用flickr的iframe,他在那里创建了他的画廊,我将他的画廊嵌入到网站中

代码如下:

  <div class="six columns">
        <iframe src="https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/" width="500" height="281" frameborder="0" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
    </div>

我的问题是,当一个浏览者点击一张图片时,他会被重定向到flickr网站,因此他离开了我的网站

当用户单击iframe以在新的浏览器窗口中打开flickr网站时,是否可以这样做,以便用户不会从我的网站丢失

提前谢谢你

试试这个:

<div class="six columns">
    <iframe name="myFrame"></iframe>
</div>


$(document).ready(function () {
        window.open("https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/", "theFrame");
});

我不确定它是否适合您,但是,如果您使用Jsoup的API将库的内容作为HTML获取,例如。您可以根据需要更改内容。 我已经在我工作的一个项目中这样做了,在我的例子中,图像的路径是绝对的
我可以将它打开到一个对话框中。

我不认为你可以,除非你有权访问iFrame内容(我假设你没有权限,除非你为flickr工作)。请参阅:您可以创建自己的简单图库,而不是iFrame。将其制作成完整的幻灯片是相当简单的。@georgeorgiou:请检查更新的解决方案。我是否可以仅在您单击iframe时将其打开,以便在您打开页面时它不会弹出,而是1)用户打开页面2)用户阅读文本废话废话3)用户看到他单击iframe并显示的漂亮照片?这是只是捕捉iFrame包装器上的点击-实际上不能使用滑块。Syed Ali Taqi建议的解决方案更好。干净和简单只是我需要一个小的修改,以改变只有当你点击iframe
$(document).ready(function () {
window.onbeforeunload = function () {
window.open("https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/", "theFrame");
return "";
}
});


<div id="dv" class="six columns">
<iframe id="myFrame" name="myFrame" src="https://www.flickr.com/photos/127583121@N07/15148138666/in/set-72157647343739461/player/"></iframe>
</div>