全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

JavaScript中的子窗口与父窗口的互相调用问题

注意:要用open打开才行,如果用openModal打开则会访问不到opener.

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的控件,此时可以用如下传值:

<script> 
var newWindow; 
function openWindow(url){ 
newWindow = window.open(“new.htm”, "", "width=400,height=300 "); 
} 
function changeChild(){ 
newWindow.document.getElementById("T").value="我变了"; 
} 
</script> 

3、子窗口关闭并刷新父口,这里有两种方式:

1)         子窗口关闭时关闭父窗口:

opener.location.reload(); 
window.close();  

2)        父窗口去检测,子窗口是否已经关闭了,在设定的一段时间之后自动刷新:

<script> 
var newWindow; 
var timer; 
function openWindow(url) { 
    newWindow = window.open(url, "", "width=400,height=300,resizable=yes"); 
    timer = setInterval("updateAfterClose()", 1000); 
} 
function updateAfterClose() { 
    //父窗口去检测子窗口是否关闭,然后通过自我刷新,而不是子窗口去刷新父窗口 
    if(newWindow.closed == true) { 
    clearInterval(timer); 
    self.location.reload(); // 主窗口刷新 
    return; 
    } 
} 
</script> 

4、父窗口关闭的时候关闭子窗口。这个就是用方法去检测父窗口的onunload事件:

<script> 
var newWindow; 
function openWindow(url) { 
newWindow = window.open(url, "", "width=400,height=300,resizable=yes");  
} 
function closeChild() 
{ 
newWindow.close(); 
} 
</script> 

在body加上onunload事件:

<body onunload="closeChild()">  

5、子窗口中关闭父窗口,这个功能可能相对要少用一点:

<script> 
function closeParent() 
{ 
opener.close(); 
} 
</script> 
<input type=button value="关闭父窗口" onclick=closeParent()> 

以上所述是小编给大家介绍的JavaScript中的子窗口与父窗口的互相调用问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# js  # 子窗口与父窗口  # JavaScript子窗口调用父窗口变量和函数的方法  # JavaScript实现弹出子窗口并传值给父窗口  # jquery、js调用iframe父窗口与子窗口元素的方法整理  # js父窗口关闭时子窗口随之关闭完美解决方案  # js关闭父窗口时关闭子窗口  # JavaScript子窗口ModalDialog中操作父窗口对像  # js 父窗口控制子窗口的行为-打开  # 关闭  # 重定位  # 回复  # 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口  # 用javascript父窗口控制只弹出一个子窗口  # 象素  # 小编  # 窗口中  # 在此  # 可以用  # 中有  # 给大家  # 要用  # 弹出  # 才行  # 有两种  # 则会  # 所述  # 给我留言  # 感谢大家  # 弹出窗口  # 要少  # 有一个  # 而不是  # 疑问请 


相关文章: 如何通过虚拟机搭建网站?详细步骤解析  如何在腾讯云服务器上快速搭建个人网站?  贸易公司网站制作流程,出口贸易网站设计怎么做?  全景视频制作网站有哪些,全景图怎么做成网页?  javascript中的try catch异常捕获机制用法分析  javascript中对象的定义、使用以及对象和原型链操作小结  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思?  如何用免费手机建站系统零基础打造专业网站?  建站之星安装后界面空白如何解决?  制作企业网站建设方案,怎样建设一个公司网站?  宝盒自助建站智能生成技巧:SEO优化与关键词设置指南  攀枝花网站建设,攀枝花营业执照网上怎么年审?  大连网站设计制作招聘信息,大连投诉网站有哪些?  如何快速上传自定义模板至建站之星?  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  如何确保FTP站点访问权限与数据传输安全?  定制建站哪家更专业可靠?推荐榜单揭晓  表情包在线制作网站免费,表情包怎么弄?  家庭服务器如何搭建个人网站?  建站之星安装模板失败:服务器环境不兼容?  c# 在ASP.NET Core中管理和取消后台任务  定制建站是什么?如何实现个性化需求?  桂林网站制作公司有哪些,桂林马拉松怎么报名?  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的?  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置?  *服务器网站为何频现安全漏洞?  如何在云虚拟主机上快速搭建个人网站?  制作表格网站有哪些,线上表格怎么弄?  如何在阿里云服务器自主搭建网站?  如何通过虚拟主机快速搭建个人网站?  如何高效搭建专业期货交易平台网站?  保定网站制作方案定制,保定招聘的渠道有哪些?找工作的人一般都去哪里看招聘信息?  如何选择服务器才能高效搭建专属网站?  Java解压缩zip - 解压缩多个文件或文件夹实例  音响网站制作视频教程,隆霸音响官方网站?  建站主机助手选型指南:2025年热门推荐与高效部署技巧  如何在云主机上快速搭建网站?  如何快速查询网址的建站时间与历史轨迹?  如何实现建站之星域名转发设置?  如何快速打造个性化非模板自助建站?  ,怎么用自己头像做动态表情包?  名字制作网站免费,所有小说网站的名字?  如何在阿里云高效完成企业建站全流程?  如何自定义建站之星模板颜色并下载新样式?  无锡营销型网站制作公司,无锡网选车牌流程?  零基础网站服务器架设实战:轻量应用与域名解析配置指南  如何在IIS服务器上快速部署高效网站?  小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化  如何快速生成高效建站系统源代码? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。