你不知道的window.frameElement

紫微前端

于 2020-11-19 08:50:06 发布

阅读量926

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签： javascript

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/109799993

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文详细介绍了JavaScript中window.frameElement属性，包括其概述、语法、实例和注意事项。该属性用于获取当前窗口被嵌入的元素，如iframe或object。即使在顶级窗口中，它也能返回相关信息。同时，文章指出此属性不仅限于iframe，还可以返回其他类型的嵌入元素。此外，还提到了window.frames和window.parent属性，前者返回所有子框架元素，后者返回当前窗口的父窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

概述

返回嵌入当前window对象的元素(比如 <iframe> 或者 <object>),如果当前window对象已经是顶层窗口,则返回null.

语法

var frameEl = window.frameElement;

例子

var frameEl = window.frameElement;
// 如果当前窗口被包含在一个框架里面,则将该框架的地址跳到'http://mozilla.org/'
if (frameEl)
  frameEl.src = 'http://mozilla.org/';

备注

虽然该属性名为frameElement,但该属性也会返回其他类型比如 <object> 或者其他可嵌入窗口的元素.

window.frames 返回一个类数组对象,返回当前窗口的所有子框架元素.
window.parent 返回当前窗口的父窗口,也就是说,包含当前窗口所在的frameElement元素的窗口.