JavaScript获取iframe window对象的两种方法

作者:拾光

时间:2026-10-31

浏览:402

本文介绍在JavaScript中获取iframe内window对象的两种常用方式。第一种通过jQuery选择器获取DOM元素后访问contentWindow属性;第二种使用原生document.getElementById定位元素。此外还展示了通过window.frames数组索引访问frameElement的方法,并验证了不同获取路径的等价性。

文章目录

jQuery获取iframe的window对象

利用jQuery提取iframe内window对象的方案

var win = $('#ifr')[0].contentWindow;

JS原生方法获取iframe的window对象

采用JS原生代码提取iframe内window对象

document.getElementById("ifr").contentWindow;

由此可知 $('#ifr')[0].contentWindow 与 document.getElementById("ifr") 功能等效

通过frames数组访问iframe

接着探讨另一种场景

var ifr1 = document.getElementById("ifr"); var ifr2 = window.frames[0]; ifr2.frameElement 是等价于 ifr1;

上述JS获取iframe中window对象的方法即为本文分享的全部,期望对读者有所协助,也恳请持续关注本站。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章