如何检查网页是否加载到 iframe 内或使用 JavaScript 加载到浏览器窗口中？

iFrame是网页中的矩形框架或区域，用于在其中加载或显示另一个单独的网页或文档。所以基本上，iFrame 用于在网页中显示网页。

您可以在此处查看有关iFrame的更多信息：HTML iFrame

检查网页是否加载到 iFrame 中可能有多种原因，例如，在我们需要动态调整元素的高度或宽度的情况下。

• 将对象的位置与窗口对象的父位置进行比较：这里，我们只是将对象的位置与窗口对象的父位置进行比较。如果结果为true ，则网页位于 iFrame 中。如果它是false ，那么它不在 iFrame 中。

  function iniFrame() {
      if ( window.location !== window.parent.location )
      {
        
          // The page is in an iFrames
          document.write("The page is in an iFrame");
      } 
      else {
            
          // The page is not in an iFrame
          document.write("The page is not in an iFrame");
      }
  }
    
  // Calling iniFrame function
  iniFrame();

  输出：

  The page is in an iFrame

• 使用window.top和window.self属性： top和self都是 window 对象，还有parent ，所以检查当前窗口是否是顶部/主窗口。

    
  // Function to check whether webpage is in iFrame
  function iniFrame() {
        
      if(window.self !== window.top) {
            
          // !== operator checks whether the operands
          // are of not equal value or not equal type
          document.write("The page is in an iFrame");
      }
      else {
          document.write("The page is in an iFrame");
      }
  }
    
  // Calling iniFrame function
  iniFrame();

  输出：

  The page is in an iFrame

• 使用window.frameElement属性：请注意，这只支持与嵌入它的主页属于同一来源的网页。函数window.frameElement返回嵌入网页的元素（如 iframe 和对象）。

  function iniFrame() {
        
      var gfg = window.frameElement;
        
      // Checking if webpage is embedded
      if (gfg) {
            
          // The page is in an iFrame
          document.write("The page is in an iFrame");
      } 
      else {
            
          // The page is not in an iFrame
          document.write("The page is not in an iFrame");
      }
  }
    
  // Calling iniFrame function
  iniFrame();

  输出：

  The page is in an iFrame

  在上面的代码中，将嵌入网页的元素存储到变量gfg中。如果窗口没有嵌入到另一个文档中，或者如果嵌入它的文档具有不同的来源（例如来自不同的域），则 gfg为空。