我的网页是直接加载还是在 iFrame 内加载？

识别 iFrame 与直接页面加载

在 Web 开发中，可能需要确定网页是在 iFrame 内加载还是直接加载到浏览器窗口中。这种区别可能会对网页的行为和功能产生影响。

识别这种区别的一种方法是比较 window.self 和 window.top 对象。在直接加载到浏览器窗口中的网页中，这两个对象将引用相同的窗口对象。但是，当在 iframe 中加载时，window.self 将引用 iframe 窗口，而 window.top 将引用父窗口。

要以可靠的方式检查这一点，可以使用以下代码：

const inIframe = () => window.self !== window.top;

但是，需要注意的是，尽管这种方法在大多数浏览器中都很可靠，但它可能会受到跨域限制的影响，尤其是在 Internet Explorer 中。因此，仔细处理潜在的错误非常重要。

更新（2024）：

根据跨域脚本 API 访问的文档，window.self 和 window .top 包含在允许的跨域属性中。这表明以下代码应该提供更一致和可靠的方法来检测 iFrame：

const inIframe = () => window.self !== window.top;

以上是我的网页是直接加载还是在 iFrame 内加载？的详细内容。更多信息请关注PHP中文网其他相关文章！