Js/Jquery获取iframe中的元素
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。
JavaScript
在父窗口中获取iframe中的元素
1 2 3 4 5 6 7 8 9 10 11 | 格式:window.frames[ "iframe的name值" ].document.getElementById( "iframe中控件的ID" ).click(); 实例:window.frames[ "ifm" ].document.getElementById( "btnOk" ).click(); 格式: var obj=document.getElementById( "iframe的name" ).contentWindow; var ifmObj=obj.document.getElementById( "iframe中控件的ID" ); ifmObj.click(); 实例: var obj=document.getElementById( "ifm" ).contentWindow; var ifmObj=obj.document.getElementById( "btnOk" ); ifmObj.click(); |
在iframe中获取父窗口的元素
1 2 | 格式:window.parent.document.getElementById( "父窗口的元素ID" ).click(); 实例:window.parent.document.getElementById( "btnOk" ).click(); |
Jquery
在父窗口中获取iframe中的元素
1 2 3 4 5 | 格式:$( "#iframe的ID" ).contents().find( "#iframe中的控件ID" ).click(); //jquery 方法1 实例:$( "#ifm" ).contents().find( "#btnOk" ).click(); //jquery 方法1 格式:$( "#iframe中的控件ID" ,document.frames( "frame的name" ).document).click(); //jquery 方法2 实例:$( "#btnOk" ,document.frames( "ifm" ).document).click(); //jquery 方法2 |
在iframe中获取父窗口的元素
1 2 | 格式:$( '#父窗口中的元素ID' , parent.document).click(); 实例:$( '#btnOk' , parent.document).click(); |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
· .NET 进程 stackoverflow异常后,还可以接收 TCP 连接请求吗?
· 本地部署 DeepSeek:小白也能轻松搞定!
· 基于DeepSeek R1 满血版大模型的个人知识库,回答都源自对你专属文件的深度学习。
· 在缓慢中沉淀,在挑战中重生!2024个人总结!
· 如何给本地部署的DeepSeek投喂数据,让他更懂你
· 大人,时代变了! 赶快把自有业务的本地AI“模型”训练起来!