JavaScript中的子窗口与父窗口的互相调用问题
注意:要用open打开才行,如果用openModal打开则会访问不到opener.
成都创新互联公司是一家网站制作、成都网站制作,提供网页设计,网站设计,网站制作,建网站,定制开发,网站开发公司,公司2013年成立是互联行业建设者,服务者。以提升客户品牌价值为核心业务,全程参与项目的网站策划设计制作,前端开发,后台程序制作以及后期项目运营并提出专业建议和思路。
open的参数:
window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')
参数说明
'page.html' 弹出窗口的文件名; 'newwindow' 弹出的新窗口的名字,非必须,可用空''代替;
height=100 高度; width=400 宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
1、从子窗口中往父窗口传值
如父页面有一个控制的id是choosedProvider,那么这样可以把值传给父页面:
opener.document.getElementById("choosedProvider").value="Tom";
2、从父窗口传值给子窗口,如子窗口中有id为T的控件,此时可以用如下传值:
3、子窗口关闭并刷新父口,这里有两种方式:
1) 子窗口关闭时关闭父窗口:
opener.location.reload(); window.close();
2) 父窗口去检测,子窗口是否已经关闭了,在设定的一段时间之后自动刷新:
4、父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件:
在body加上onunload事件:
5、子窗口中关闭父窗口,这个功能可能相对要少用一点:
以上所述是小编给大家介绍的JavaScript中的子窗口与父窗口的互相调用问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对创新互联网站的支持!
文章题目:JavaScript中的子窗口与父窗口的互相调用问题
标题URL:http://hbruida.cn/article/ghhspo.html