Iframe Thickbox如何显示另一个页面,如登录页面?

Iframe Thickbox如何显示另一个页面,如登录页面?,iframe,thickbox,Iframe,Thickbox,我问这个问题是因为我想在iframe中显示一个页面,单击iframe内容中的任何链接,它应该在同一个iframe中显示它 看看这个。看看iframe如何让我浏览其他网站。这没什么特别的,iframe就是这样工作的 但是,如果这些站点中有任何一个具有 <a href="LINK" target="_top">text</a> 它将脱离iframe并加载到主页中 我没有办法阻止iframe通过target=\u顶部链接接管您的窗口。您不能从父窗口在iframe中修改其他

我问这个问题是因为我想在iframe中显示一个页面,单击iframe内容中的任何链接,它应该在同一个iframe中显示它


看看这个。看看iframe如何让我浏览其他网站。

这没什么特别的,iframe就是这样工作的

但是,如果这些站点中有任何一个具有

<a href="LINK" target="_top">text</a>

它将脱离iframe并加载到主页中

我没有办法阻止iframe通过target=\u顶部链接接管您的窗口。您不能从父窗口在iframe中修改其他人的内容,跨帧对话存在安全问题,无法执行此操作

使用Thickbox,只需加载html文件,并确保不在任何希望留在iframe中的thage页面中设置target=\u top

因此,使用一些jQuery复制和粘贴ThickBox的示例:

<script>
  var height = 300;
  var width  = 300;
  $(function(){
     $("#execute").click(function(){
         $("#link1").attr('href',$('#go').val() + "?height=" + height *"&width=" + width).trigger('click');
     });
  });
</script>

<input type="text" name="go" id="go" />
<button id="execute">Go >></button>

<a id="link1" href="ajaxOverFlow.html?height=300&width=300" title="add a caption to title attribute / or leave blank" class="thickbox">Scrolling content</a>  

var高度=300;
var宽度=300;
$(函数(){
$(“#执行”)。单击(函数(){
$(“#link1”).attr('href',$('#go').val()+“?height=“+height*”&width=“+width”)。触发器('click');
});
});
转到>>
该插件将以Thickbox方式拉入远程页面