用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...)