jquery - 从 iFrame 加载顶部框架中的页面

标签 jquery iframe fancybox

我正在使用 fancybox,我想让它加载一个页面,当它加载时,该页面检查它是否在顶部框架中,如果不是,它会在顶部框架中重新加载自己,任何人都可以告诉我我将如何实现这一目标?

这无法通过链接或表单来完成,因为它是从服务器加载的。

我得到了以下代码,但它不起作用

<script type="text/javascript">
    <!--
    function breakout_of_frame(){
        if (top.location != location) {
            parent.location.href = document.location.href ;
        }
    }
    -->
</script>
<body onload="breakout_of_frame()">

这样做的技巧是,我想要检查它是否在 iFrame 中的页面与顶部框架是同一页面

最佳答案

您可以使用关键字top来引用最高级别的框架,使用self来引用包含当前文档的框架:

function breakout_of_frame() {
  if(top !== self) {
     top.location.href = location.href;
  }
}

关于jquery - 从 iFrame 加载顶部框架中的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13678315/

相关文章:

jquery - FullCalendar 仅显示工作日

javascript - 使用<audio>标签和Javascript/jQuery创建简单的音频播放器

javascript - 如何在 iFrame 中加载 PDF 文件?在 react 中工作

javascript - 使用javascript或jquery暂停youtube视频

javascript - fanybox 中的事件处理程序不起作用

jquery - Fancybox 不起作用?可以是脚本吗?

javascript - 将数据传递给 jQuery 模式

javascript - 单击提交输入的单选按钮

html - 如何制作显示父页面的iframe

jquery - 2 jQuery 脚本冲突