大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
最外层父页面:
专注于为中小企业提供成都做网站、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业江津免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
function popup(childFrame,callback){
// do something
childFrame[callback].call(childFrame,returnValue);
}
子页面:
elem.onclick = function(){
window.top.popup(window.self,"doInChildFrame");
}
function doInChildFrame(returnValuse){
// do something with returnValue
}
这样,在子页面中的elem元素被点击之后,就会触发最外层父页面的popup函数,并且把子页中的window对象传给父页面,当父页面执行完操作之后,就会执行子页面的"callback"函数,还可以传入参数。
(1)$("#id",window.opener.document).val(赋值);
或者$("#id",window.opener.document).html(赋值)
(2)上述(1)中的id为父窗口元素的id,获得后可以给赋值用val方法或者html方法
(3)原生js可以这样写:
window.opener.document.getElementById("id").value=赋值或者
window.opener.document.getElementById('cname').innerHTML=赋值
子页面元素需要获取父页面的元素做如下操作:
$("#父页面元素id" , parent.document)
取父窗口的元素方法:
$(selector, window.parent.document);
那么你取父窗口的父窗口的元素就可以用:
$(selector, window.parent.parent.document);
类似的,取其它窗口的方法大同小异,
$(selector, window.top.document);
$(selector, window.opener.document);
$(selector, window.top.frames[0].document);
js:
父窗口:
1、input type="text" name="currentProjectIDForDetail" id="currentProjectIDForDetail"
disabled
2、input type="button"
onclick="window.open('showDetails.html','','toolsbar=no,menubar=no,resizable=yes,scrollb
ars=yes')" value="查看已有明细" id="showDetail" /
子窗口:
curproject = window.opener.document.getElementById("currentProjectIDForDetail").value;
jQuery:
父窗口:
input type="text" name="aa" id="aa" /
input type="button"
onclick="window.open('son.html','','toolsbar=no,menubar=no,resizable=yes,scrollbars=yes')
" value="send" /
子窗口:
script
$(function () {
temp=$("#aa",window.opener.document).val();
$("#bb").html(temp);
})
/script
/head
body
div id="bb"/div
1、在父页面访问Iframe子窗体的txtAddress控件
window.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
2、在Iframe子窗体1访问父页面的TextBox1控件 , 子窗体1把值赋给子窗体2的某个控件
string strValue = "从子窗体传递给父页面的值" ;
下面是在Page_Load事件里面调用的,当然可以写在javascript脚本里面
this.Response.Write("scriptparent.document.all('TextBox1').value = '" + strValue + "';/script");
this.Response.Write("scriptif( parent.document.all('TextBox2').value = '0')parent.document.all('TextBox1').value = '44';/script");
3、子窗体访问父窗体中的全局变量:
parent.xxx;
4、在Iframe子窗体1访问子窗体2的txtAddress控件 子窗体1把值赋给子窗体2的某个控件
window.parent.frames["ifrMapCompanyDetails"].document.all("txtAddress").value = '地址' ;
父窗体提交两个Iframe子窗体
window.frames["ifrMapCompanyDetails"].Form1.submit();
window.frames["ifrMapProductInfoDetails"].Form1.submit();
Iframe子窗体 调用父页面的javascript事件
window.parent.XXX()
//父页面调用当前页面中IFRAME子页面中的脚本childEvent
function invokechildEvent()
{ var frm = document.frames["ifrChild1"].childEvent(); }
或者调用当前页面中第一个IFRAME中的脚本childEvent
{ var frm = document.frames[0]; frm.childEvent(); }
//子页面调用父窗体的某个按钮的按钮事件
window.parent.Form1.btnParent.click()
父页面调用子窗体的某个按钮的按钮事件
window.frames['ifrChild1'].document.all.item("btnChild3").click();
//jquery 部分:
1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");
2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");