iframe父级与iframe子级间访问

本文详细介绍了iframe的属性及其在页面间的交互方式,包括如何利用iframe.contentWindow访问子窗口元素,以及子窗口通过window.parent与父窗口通信的方法。同时,通过一个案例展示了jQuery在父窗口与子窗口间传递的效果。

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

iframe属性

demo:


parentHTML



childHTML



依次点击按钮后的效果


PS:

1、iframe属于资源加载,必须等加载完毕后才能访问子级元素,jQ的$(document).ready(),调用的是原生的DOMContentLoaded方法(只加载dom,不加载资源),如果要事件互动,必须在load成功后才能进行。

2、父级访问子级,iframe.contentWindow,这是子级的window对象,可以获取元素、调用顶级函数。

2、子级iframe访问父级:window.parent,父级window对象,同上。


还做了个小测试

父级用jq,子级不用jq,能不能传递,会有什么效果。



依次点击:


貌似没法把父级的jq传递到子级中去使用,怎么设置都会是父级window环境下



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值