用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的!
- js
- 在父窗口中获取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...)
