1. 在父窗口中获取Iframe中的元素
(1) JQuery
// 方式1
$("#iframe的id").contents().find("#iframe中控件的id").事件();
//方式2
$("#iframe中控件的id",document.frames("iframe的name").document).事件();
(2) JS
window.frames["iframe中的name值"].document.getElementById("iframe中控件的id").事件();
2. 在Iframe中获取父窗口中的元素
(1) JQuery
$('#父窗口中元素的id', parent.document).事件();
(2) JS
window.parent.document.getElementById("父窗口中元素的id").事件();
注意:
本地测试时会报如下错误:
Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
原因:跨页面操作涉及域的概念(origin),错误的意思是:未捕获的安全错误:阻止了一个域为null的frame页面访问另一个域为null的页面。代码运行时在本地直接用浏览器打开的,地址栏是file:///的页面,只需改为localhost访问就行。