父窗口与iFrame之间调用方法和元素
父窗口调用子窗口:
调用元素
js格式: 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(); jQuery
格式:$("#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的ID")[0].contentWindow.iframe方法();
实例:$("#ifm")[0].contentWindow().iClick(); // ifm 为 <iframe> 标签 id; iClick为子页面 js 方法
子窗口调用父窗口:
调用元素
js格式:window.parent.document.getElementById("父窗口的元素ID").click(); 实例:window.parent.document.getElementById("btnOk").click(); jQuery格式:$(‘#父窗口中的元素ID‘, parent.document).click(); 实例:$(‘#btnOk‘, parent.document).click();
调用方法和变量
window.parent.aa();//调取aa函数
window.parent.bb;//调取bb变量
例如:想在子页面中得到id为aaa的文本框的值
window.parent.$("#aaa").val();//这种写法的前提是引用了jquery
window.parent.getElementById("aaa").value; //js的写法
时间: 2024-11-09 06:24:53