`

通过点击一个超链接打开一个新窗口，在新窗口处理完相关动作后再关闭本窗口，并刷新父窗口及聚焦到父窗口，怎么实现？

    博客分类：
  • JS
Blog 
阅读更多
案例：通过点击一个超链接打开一个新窗口，在新窗口处理完相关动作后再关闭本窗口，并刷新父窗口及聚焦到父窗口，怎么实现？

解决方案：
父窗口代码如下：
<a href="#" onclick="openAction()">
<bean:message key="label.new_address" /></a>

<script type="text/javascript">
function openAction(){
window.open('${ctx}/orgAddress.do?method=list&custId=${cust}','shippingWindow','scrollbars=yes,width=800,height=600,alwaysRaised=1');
}
</script>

子窗口代码如下：
<a href="#" class="button height"
onclick="return doClose()"
id="Return"
name="Return">
<span><bean:message key="button.close" /></span> </a>

<Script language="JavaScript">
<!--
function doClose(){    
    window.opener.location.reload();
    window.opener.focus();
    window.close();
}
</script>
完成上述动作就可以实现此案例所提出的问题。。。如果只是在子窗口做一个动作，然后自动定位到父窗口，那么只需要在子窗口中加入如下代码即可：
<body  onUnload="window.opener.location.reload();window.opener.focus();window.close();"> 

深入思考：(留给自己和进入此blog朋友的作业题)
假如我只要刷新父窗口的部分内容，而不是父窗口的整个页面，那又该如何呢？
分享到：
| 使用正则表达式验证日期格式
评论
1 楼 okbaozhen 2011-08-14  
好用，拜谢楼主
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    一个链接文本的制作的资源

    - `target`：指定链接打开的位置，如`_blank`（新窗口或标签页）、`_self`（当前窗口或标签页）、`_parent`（父框架）和`_top`（整个浏览器窗口）。 - `title`：为链接提供额外信息，鼠标悬停时显示。 - `rel`：定义...

    键盘上所有快捷键的使用

    - **功能说明**：在浏览器中打开一个新的空白标签页。 - **应用场景**：浏览多个网页或进行多任务处理。 #### Ctrl+V - 粘贴 - **功能说明**：将剪贴板中的内容粘贴到当前光标位置。 - **应用场景**：粘贴复制的...

    javascript实用代码

    - **`document.createElement("SPAN")`**: 创建一个新的 `&lt;span&gt;` 元素。 **13. 获取指定坐标下的元素** - **`document.elementFromPoint(event.x,event.y)`**: 获取坐标 (x,y) 下的元素。 **14. 图片元素** - ...

    基于Andorid的音乐播放器项目改进版本设计.zip

    基于Andorid的音乐播放器项目改进版本设计实现源码，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业。

    uniapp-machine-learning-from-scratch-05.rar

    uniapp-machine-learning-from-scratch-05.rar

    game_patch_1.30.21.13250.pak

    game_patch_1.30.21.13250.pak

    【毕业设计-java】springboot-vue计算机学院校友网源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计-java】springboot-vue计算机学院校友网源码（完整前后端+mysql+说明文档+LunW）.zip

    机器学习-特征工程算法

    特征变换 特征选择

    吸烟数据集 991张原始图片，平均识别率在88.3% coco json格式标注

    吸烟数据集 991张原始图片，平均识别率在88.3% coco json格式标注

    c++万能头文件picture.h

    c++万能头文件picture.h

    spaceX Ship Flight Test 8

    spaceX 动力学分析

    数据科学_Python手册_在线学习资源_教育辅助_1741398259.zip

    python教程学习

    Uniapp 跨平台开发框架的学习资源汇总与应用指导

    内容概要：本文详细整理了与uniapp有关的一系列学习资源及开发工具。首先对官方文档与教程进行梳理，这是学习uni-app的基础部分，涵盖从基本概念到具体开发指引的全方位资料。接着详细介绍了一款专为uni-app打造的高效开发工具HBuilderX的功能特点及其使用指南，并提到了CLI命令行工具可用于完成开发过程中的常规操作任务。同时，指出uni-app所处的强大社区氛围，无论是社区还是论坛都为开发者解决了实际遇到的问题并分享了大量有价值的经验；还提及多个专门为uni-app量身定制的UI框架和丰富的组件库，进一步提高了开发的便捷性和灵活性；最后列举了几类学习资源，诸如视频教程、博客与文章还有相关书籍均能助力新手成长为熟练工。所有这些资源都将有助于深入学习和理解uni-app这个跨平台框架的相关知识点，进而开发出优秀的多平台应用程序。 适用人群：有意进入跨平台移动应用开发领域的初学者，以及希望提升开发技能的专业人士。 使用场景及目标：为想要深入了解或者开始使用uni-app框架进行开发的人群提供完整路径指导；为目标受众建立起一套完整的学习路径来降低入门难度并提升实际操作能力。

    AI Agent 行业研究报告.pdf

    AI Agent 行业研究报告.pdf

    kibana-7.10.2 docker镜像压缩包，百度网盘

    请到网盘中自取压缩包，此包为kibana-7.10.2 镜像压缩包，是通过现有镜像导出来的，主要是为了解决有些机器无法连接外网，导致无法下载镜像 加载镜像： docker load -i kibana-7.10.2.tar 查看镜像： docker images 备注：elk此镜像配套资源，相同版本的elasticsearch和logstash，请在我的资源中搜索其他镜像

    图解AUTOSAR-CP-TcpIp逻辑图打包

    图解AUTOSAR-CP-TcpIp逻辑图打包

    【毕业设计-java】springboot-vue交友网站平台实现源码（完整前后端+mysql+说明文档+LunW）.zip

    【毕业设计-java】springboot-vue交友网站平台实现源码（完整前后端+mysql+说明文档+LunW）.zip

    海康相机平场矫正对比图

    海康相机平场矫正对比图

    数据科学_Python基础_数据分析_学习资源.zip

    python教程学习

    基于51单片机的蓝牙家电开关控制的设计与实现

    【论文+PPT+代码+开题+任务书】手机APP遥控的相关测试主要完成设计当中按键控制对应继电器是否正确打开以及关上，可以通过观察按下按键时继电器想匹配的LED是否点亮来进行验证。 进入手机APP后，根据APP中的按键分别控制不同的继电器，继电器1这个按键控制对应1号继电器的开启和关闭，手机蓝牙按下按键由OFF转变为ON那么电控制器件就可以变化一次，1号指示灯就可以由暗变亮了，再次按下手机蓝牙按键由ON转变为OFF电控制器件又变化一次，1号指示灯就可以由亮变暗。 如果点击继电器2则控制对应2号继电器的开启和关闭，手机蓝牙按下按键由OFF转变为ON那么电控制器件就可以变化一次，2号指示灯就可以由暗变亮了，再次按下手机蓝牙按键由ON转变为OFF电控制器件又变化一次，2号指示灯就可以由亮变暗。 如果点击继电器3则控制对应3号继电器的开启和关闭，手机蓝牙按下按键由OFF转变为ON那么电控制器件就可以变化一次，3号指示灯就可以由暗变亮了，再次按下手机蓝牙按键由ON转变为OFF电控制器件又变化一次，3号指示灯就可以由亮变暗。 如果点击继电器4则控制对应4号继电器的开启和关闭

Magicbox
Global site tag (gtag.js) - Google Analytics