[js] 判断页面是否在 iframe 中

使用 window.frameElement

frameElement 属性可以返回当前窗口所属的 <iframe> 元素引用。如果当前上下文不在任何 iframe 内,则返回 null

javascript 复制代码
if (window.frameElement && window.frameElement.tagName === 'IFRAME') {
	console.log('元素在 iframe 中');
} else {
	console.log('元素不在 iframe 中');
}

比较 window 和 top 对象:

window.top 指向最顶层的窗口。如果当前页面在 iframe 中,则 window 不等于 window.top

javascript 复制代码
if (window !== window.top) {
	console.log('元素在 iframe 中');
} else {
	console.log('元素不在 iframe 中');
}

参考:

js如何判断当前网页是否存在于一个iframe之中

相关推荐
像我这样帅的人丶你还3 小时前
MCP + npm:给五年前的老系统接上AI
前端·javascript·agent
南一Nanyi3 小时前
依赖注入和控制反转
前端·设计模式·nestjs
小村儿3 小时前
连载14-实战篇--一个半月,我一个人和 Claude Code 搭出一套数字人工程
前端·后端·ai编程
愚公移码3 小时前
蓝凌EKP18产品:流程虚拟机(PVM)
java·开发语言·前端
十月的皮皮3 小时前
stm20260720-从新手 C 到量产 STM32 工程:程序设计推导指南
c语言·开发语言·stm32·stm32cubemx·hal库
promiseThen4 小时前
5 分钟上手 Markdown:标题到表格、代码块与简历实战
前端
web66liang4 小时前
webpack4+vue2项目使用 sass-embedded 导致的 DockerfIle 构建失败的问题
前端
Strayer4 小时前
拓扑管网 3D 可视化大屏demo:科技感(地图 + 拓扑 + 3D 空间)
前端·three.js·数据可视化
葬送的代码人生4 小时前
从 Vue 到 React:Tailwind CSS 布局 + BFF 代理实战
前端·react.js·架构
摸鱼老王不带84 小时前
不用后端,纯前端读出"网站眼里你的真实出口 IP"——聊聊 Cloudflare 的 cdn-cgi/trace
前端