JS跨Frame选择元素的几种方式

最新推荐文章于 2025-03-27 20:58:18 发布

婉楉

最新推荐文章于 2025-03-27 20:58:18 发布

阅读量6.5k

点赞数

分类专栏： Web前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/yydqmyhdnl/article/details/51094267

版权

Web前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在JavaScript中如何跨Frame选择和操作元素，包括使用Jquery选择iframe，以及如何获取iframe内的属性。虽然window.parent.frames可以访问部分属性，但获取src属性时可能返回undefined。更稳定的方法是直接操作iframe的window对象来获取或操作页面元素和调用全局变量及js方法。

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

父文件
这里写图片描述

使用Jquery选中一个iframe：
$(window.parent.frames[“left”]) 这时候，你可以获取他的一些属性，但这仅限于在父框架里的属性才可以获取比如：$ (window.parent.frames[“left”]).attr(“name”);
但其他东西无法获取，$(window.parent.frames[“left”]).attr(“src”);输出为undefined

更为靠谱的一种形式为：

$("#left",parent.document.body)

如下取值都是可行的：

$("#left",parent.document.body).attr("id");
$("#left",parent.document.body).attr("name");
$("#left",parent.document.body).attr("src");

如果想取iframe页面上的元素，则需要：

$(window.parent.frames["left"].document).find(".year").length;

调用其他页面上的全局变量和js方法的方式：
由于全局变量和方法都是window对象的内容，所以只要获取到window对象即可：

window.parent.frames["left"].window.doingId = gid;
window.parent.frames["left"].window.onload();

可以参看：
JS在页面Frame和子Frame之间的调用