如何检查页面是否在iframe中 - Javascript

在Web开发中，通常会将一个页面嵌入到另一个页面中，这被称为iframe。有时，我们需要在父页面中知道当前页面是否在iframe中，这篇文章将介绍如何使用Javascript来检查页面是否在iframe中。

检查窗口是否被嵌套

检查一个窗口是否被嵌套，我们可以使用Window对象的parent属性。如果当前窗口没有父窗口，则parent属性等于window。否则，parent属性将返回父窗口的Window对象。

if (window.parent !== window) {
  // 页面在iframe中
} else {
  // 页面不在iframe中
}

以上代码检查window.parent是否等于当前的window，如果不等于则表示页面在iframe中。

检查窗口是否被跨域

需要注意的是，当一个窗口和它的父窗口不在同一个域时，访问parent属性将会抛出一个错误。为了避免这个问题，我们可以使用try-catch语句来检查窗口是否被嵌套，并且在同一域。

try {
  if (window.parent !== window && window.parent.location.href) {
    // 页面在iframe中，并且在同一域
  }
} catch(e) {
  // 页面在不同域中，或者没有被嵌套
}

以上代码检查window.parent是否等于当前的window，并且是否在同一域中。如果在同一域中则表示页面在iframe中。

代码片段

try {
  if (window.parent !== window && window.parent.location.href) {
    // 页面在iframe中，并且在同一域
  }
} catch(e) {
  // 页面在不同域中，或者没有被嵌套
}

以上是如何使用Javascript来检查页面是否在iframe中的方法。如果需要在父页面中知道当前页面是否在iframe中，我们可以使用以上代码片段来判断。