iframe子页面获取父页面元素,或父页面获取iframe子页面的元素

最新推荐文章于 2024-11-01 11:41:01 发布

讓丄帝愛伱

最新推荐文章于 2024-11-01 11:41:01 发布

阅读量1.3k

点赞数

文章标签： jquery js window dom vue

本文链接：https://blog.csdn.net/ximaiyao1984/article/details/120285983

版权

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的!

在父窗口中获取iframe中的元素

格式：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 
实例：window.frames["ifm"].document.getElementById("btnOk").click(); 
 
格式： 
document.getElementById("iframe的ID").contentWindow.document.getElementById("iframe中控件的ID").click(); 
实例： 
var obj=document.getElementById("ifm").contentWindow; 
var ifmObj=obj.document.getElementById("btnOk"); 
ifmObj.click();

2. 在iframe中获取父窗口的元素

格式：window.parent.document.getElementById("父窗口的元素ID").click(); 
实例：window.parent.document.getElementById("btnOk").click();

jQuery

在父窗口中获取iframe中的元素

格式：$("#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 


实例3：$(window.frames["iframe1"].document).find("input:radio").attr("checked","true");

在iframe中获取父窗口的元素

格式：$('#父窗口中的元素ID', parent.document).click(); 
实例：$('#btnOk', parent.document).click(); 

实例2: $(window.parent.document).find("input:radio").attr("checked","true");

子窗口中调用父窗口中的另一个子窗口的方法(FRAME) parent.frames["Main"].Fun();
父 html 调用子 iframe 内方法: document.getElementById("iframeID").contentWindow.func(data1,data2...);
子 Iframe 中调用父html中方法: parent.func(data1,data2...)