iFrame

window.parent 属性是对窗口或者子框架的父级的引用。
如果窗口是无父窗口,则父属性将成为对自身的引用。
如果在 <iframe>、<frame> 或者 <object> 元素中加载了窗口,则其父窗口是具有嵌入窗口中的元素的窗口。

如何检查网页是否已加载到 iframe 或者浏览器窗口中

window.top 和 window.self 都是 window 和 parent 的对象。

top 返回窗口对象层次结构中最顶层的窗口。
当我们处理位于父级或者父级的子框架中的窗口并且我们需要进入顶级框架集时,它很有用。

window.self 是一个只读属性,它将窗口本身作为 WindowProxy 返回。
它既可以独立使用(self)也可以在窗口对象上使用点符号(window.self))。

例子:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <script>
      //Function to check if a webpage is in iFrame
      function iniFrame() {
        if(window.self !== window.top) {
          //!== 运算符检查操作数是否具有不同的值或者不相等的类型
          console.log("页面在iFrame");
        } else {
          console.log("页面不在iFrame");
        }
      }
      iniFrame();
    </script>
  </body>
</html>

iFrames

iFrame 是网页中的一个矩形框架,用于其中加载或者显示另一个单独的网页或者文档。
它用于在网页中显示网页。

日期:2020-06-02 22:16:09 来源:oir作者:oir