本文介绍在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对象的方法即为本文分享的全部,期望对读者有所协助,也恳请持续关注本站。