`

子窗口与父窗口交互操作(zhuan)

阅读更多
最开始遇到这样的问题的时候,我采用的是模式窗口,这个可以做到,不过,模式窗口有很多的缺点,不能够即时更新这是我最不喜欢的,还有就是在模式窗口下,你不能够操作其父窗口。下面是我总结的一些常用的父窗口与子窗口之间的操作:

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、子窗口关闭并刷新父口,这里有两种方式:
a)         子窗口关闭时关闭父窗口:
opener.location.reload();
window.close();
b)        父窗口去检测,子窗口是否已经关闭了,在设定的一段时间之后自动刷新:
<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()>

(http://www.diybl.com/course/1_web/webjs/2007923/73537.html)
分享到:
评论

相关推荐

    zhuan 2.zip

    综上所述,"zhuan 2.zip"提供的抽奖程序是一个基于JavaScript的移动端应用,具备良好的交互性和灵活性。通过JSON文件管理奖品,可与服务器接口对接,同时支持预设中奖选项。这个项目对于学习和理解移动端交互设计、...

    gssdgv-zhuan-ke-master_java_

    由于其强大的特性和与Spring Boot的深度集成,gssdgv-zhuan-ke-master_java_适用于各种复杂的业务场景,特别是在金融服务、大数据处理、分布式系统等领域。它可以用于构建微服务架构,支持高并发、高可用和弹性扩展...

    JS效果大全(以静态页面展示)

    JavaScript(简称JS)是一种广泛应用于Web开发的轻量级编程语言,主要负责网页的动态交互。在"JS效果大全(以静态页面展示)"这个压缩包中,我们可以期待找到一系列使用JavaScript实现的视觉效果,这些效果通常通过...

    zhuan_java_untilgw8_android_

    标题 "zhuan_java_untilgw8_android_" 暗示了这是一个关于使用Java语言在UntilGW8平台上开发Android游戏的项目,特别是一款简单的打砖块游戏。在这个项目中,我们可以深入学习到Java编程语言、Android应用开发的基础...

    z zhuan sec_EH4_EH4Z文件转SEC文件_

    压缩包内的"z zhuan sec"可能是一个脚本、工具或者指南,用于帮助用户执行上述的转换操作。用户需要按照提供的说明进行操作,包括安装必要的软件、配置参数以及运行转换命令。如果遇到问题,可能需要查阅官方文档、...

    自媒体新媒体软件工具自媒体zhuan钱秘诀资料

    自媒体新媒体软件工具自媒体zhuan钱秘诀资料

    Map_out.rar_Map o_mapgis_mapgis noteo_mapgis zhuan jpg_out

    "Map_out.h"是压缩包内的一个文件,根据其扩展名".h",我们可以推测这可能是一个C++或类似语言的头文件,包含了函数声明、常量定义等,这些可能与实现MapGIS到JPG转换的代码逻辑有关。在C++或类似的编程语言中,...

    soho网络zhuan钱的体会.doc

    总之,SOHO网络赚钱涉及到的不仅仅是技术层面的操作,更是一种综合性的自我创业和市场营销能力的体现。通过不断学习和实践,个体能够在网络世界中找到属于自己的赚钱方式,并在此过程中不断提升自我,实现财务自由和...

    zhuan-su-eliang.rar_labview 测_labview 测速_labview测速_labview转速测量_转

    在给定的“zhuan-su-eliang.rar”压缩包中,包含了一个名为“zhuan su eliang.vi”的虚拟仪器(VI),这显然是一款用于转速测量的应用程序。 转速测量是机械工程、汽车工业、电力系统等领域中常见的技术需求。...

    2.6.14 内核移植说明文档(zhuan)

    ### 2.6.14 内核移植与YAFFS文件系统支持详解 #### 一、2.6.14 内核移植步骤 **1. 清除中间文件** - **背景**: 如果您使用的是其他人移植好的内核版本,则在开始编译之前应该清除中间文件。这是为了避免因使用的...

    ann(zhuan).rar_ANN

    本人转的别人写的人工神经网络的学习体会与感受,真是受益匪浅啊!

    ban-zhuan.zip_JAVA穷举法搬砖_搬砖_用JAVA穷举法

    在给定的“ban-zhuan.zip_JAVA穷举法搬砖”主题中,我们面对的是一个数学问题,该问题与实际的砖块分配有关。36块砖需要36个人来搬运,其中包括男性、女性和小孩,他们各自有不同的搬运能力。男性每次能搬4块砖,...

    XUAN-ZHUAN-led.zip_旋转LED_旋转LED 自适应_自适应旋转LED

    "XUAN-ZHUAN-led.zip_旋转LED_旋转LED 自适应_自适应旋转LED"这个压缩包文件内容是关于实现旋转LED自适应转速的程序,其核心目标是让LED屏幕上的字幕能够流畅地滚动,并根据设备的转速自动调整滚动速度,以保持最佳...

    zhuan8.rar_kinect_人工势场法

    主要用于路径规划,程序读入之初,需要先读入Kinect相机拍摄的深度图像。

    pdfzhuantxt.rar_pdf txt_pdf zhuan txt_pdfzhuant_pdf转txt_txt转pdf

    转换完成后,用户可以利用TXT文件进行进一步的操作,比如搜索、复制粘贴、文本分析,甚至导入到其他软件进行编辑。然而,需要注意的是,由于TXT文件丢失了PDF的样式信息,原始的视觉效果可能无法完全复现。 这个...

    JS/HTML/ASP 代码转换工具非常实用

    它允许在用户与网页交互时执行动态功能,例如表单验证、页面动画以及与服务器的异步通信(AJAX)。JS还可以借助Node.js运行在服务器端,提供全栈开发的可能性。 HTML(HyperText Markup Language)是网页内容的基础...

    C#代码重构 - Mr.Fu _Zhuan.mobi

    重构是迅速发现并修复有问题的代码的一种高效的方式。在《代码重构(c # & asp.net版)》中首次提供了在c#和asp.net中进行重构的专业方法,您将学习如何运用重构技术管理和修改代码

    485转232驱动程序

    1. 兼容性:确保驱动程序与你的操作系统(如Windows、Linux、Mac OS等)兼容。 2. 设备兼容:驱动应能支持所使用的USB转接器型号。 3. 更新驱动:定期检查并更新驱动,以获取最新的功能和错误修复。 4. 安全性:从...

    PDF转换成word.

    #### 一、PDF与Word文档的基本概念 - **PDF文档**:便携式文档格式(Portable Document Format),是一种用于呈现和交换文档的可靠格式,无论这些文档是在哪个应用程序或平台上创建的。PDF文档能够忠实还原原始文档...

    office2003转2007

    标题中的“Office2003转2007”指的是将使用Microsoft Office 2003创建的文档转换为与Microsoft Office 2007兼容的格式。这通常涉及到文件格式的升级,因为Office 2007引入了新的文件扩展名,如.docx、.xlsx和.pptx,...

Global site tag (gtag.js) - Google Analytics