js 模态窗口 关闭刷新父窗口或跳转页面

最新推荐文章于 2023-02-27 16:46:06 发布
最新推荐文章于 2023-02-27 16:46:06 发布
阅读量4.2k 收藏 2
点赞数
文章标签： date action function iframe button string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hujunsong/article/details/6745534
版权
父窗口 js方法
function openwin(id){  
    var answer=window.showModalDialog("demand.do?method=queryBOM&mdid="+id+"&d="+escape(new Date()),window.self,"dialogWidth:700px;dialogHeight:620px:center:yes");  
    if(answer==1){
     window.location.href = "demand.do?method=selmd&d="+escape(new Date()); //转到处理页面
     //window.location.reload();       刷新父窗口
     //winow.location.reload(true);
    
    }
}
加个 escape(new Date()) 避免读取缓存，当然也可以在子窗口中，加入
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
子窗口 js 方法:
function   reVal(){
    window.returnValue=1;   //父窗口中 answer的值
      window.close();
    }  
打开模态窗口之后，父窗口会一直等待子窗口返回个值，如果是表单提交或是button就执行reVal()方法
返回answer的值，window.returnValue=1 这个地方我测试了 好像只能返回String类型的，数组类型的不好使

在子窗口中使用   window.opener.location.reload(); 不好使，不试用于模态窗口,window.opern() 好使

还有个问题是：在模态窗口里form 提交会弹出新窗口，这个问题简单就在<head>里面加个<base target="_self">
就可以搞定，注：我刚开始是不想通过form提交的，用js window.location.href 跳转到不同的action去处理，发现
<base target="_self"> 就不起作用了，似乎 <base target="_self"> 只是针对form action="" 才起作用，这个地方应该可以用iframe 去实现。
hujunsong
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js关闭模态窗口刷新父页面或跳转页面
12-08
有两个窗口： A窗口（父），B窗口（模态） A窗口里有一个DATAGRID，一个按钮。 点击按钮时，弹出B窗口（模态）。在B窗口中添加数据，提交后，要求B窗口自关闭，然后刷新A窗口（父） 代码如下: [removed] function openSubWin() { window.showModalDialog(‘b.html’, ‘newwindow’, ‘height=500, width=400, top=0, left=0, toolbar=no, menubar=yes, scrollbars=yes,resizable=yes,loca
使用js实现modal模态框定时关闭
Sara_xie的专栏
03-25 1584
主要使用的是js的setInterval【间隔执行】方法实现的，具体逻辑是先在全局定义一个整数来控制间隔执行方法的执行次数，再打开模态框，再执行setInterval方法来对之前定义的整数进行操作，当整数小于或者等于0的时候执行clearInterval()方法来关闭间隔执行的方法并且关闭模态框。 话不多说，直接上代码 PS:模态框部分的css就不在代码中展示了。modal的id为modal-tips <script> var count=3;//间隔方法执行三次 var
关闭模态框的相关js代码
weixin_38960795的博客
12-25 7449
在项目中需要为模态框添加一个取消按钮，点击后模态框可以自动关闭。 百度了各种方法均无效，试试下面这一段js代码 //设置点击取消的button按钮,按钮上添加相应的onclick点击事件 取消 //相应的js代码实现点击关闭 function callParent(){     parent.closechild();    }
javascript如何刷新父页面
yanleigis的专栏
11-21 4328
 用爱生活,爱猫扑、弹出子页面刷新父页面爱生活,爱猫扑       parent.location.reload();    弹出子页面       window.opener.location.reload();    子窗口刷新父窗口       self.opener.location.reload();     刷新以open
JavaScript:关闭弹出窗口时刷新父窗口
weixin_30417487的博客
09-22 213
JavaScript:关闭弹出窗口时刷新父窗口 2010-08-13 09:25:29|分类： 代码示例 |举报 |字号订阅 说明: 关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息，即用户通过window对象的open()方法打开一个新窗口（子窗口），当用 户在该子窗口中进行了数据库操作（如数据添加、修改和删除等）之后，关闭...
js关闭当前窗口刷新父页面
祁梦@
04-29 3247
// 关闭当前窗口并刷新父页面 window.close(); window.opener.location.href = window.opener.location.href; // 返回上一页并刷新 window.history.go(-1); window.location.reload();
js关闭当前页面刷新父页面
u010999809的博客
07-30 6029
一、页面执行流程说明： 1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口（b.html） 2.关闭弹出的新窗口b.html-->刷新父页面a.html 二、实现步骤： 要点：1.给按钮的点击事件编写函数f1()，用于弹出新窗口   window.open(新窗口的url,"",窗口参数) 2.给弹出的新窗口添加对关闭事件的监听（window.onbeforeun
vue单页面应用打开新窗口显示跳转页面的实例
10-17
今天小编就为大家分享一篇vue单页面应用打开新窗口显示跳转页面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue单页面实现当前页面刷新或跳转时提示保存
10-17
主要介绍了vue单页面实现当前页面刷新或跳转时提示保存，在当前页面刷新或跳转时提示保存并可取消刷新，以防止填写的表单内容丢失，感兴趣的小伙伴们可以参考一下
JS定时刷新页面及跳转页面的方法
10-27
介绍了JS定时刷新页面及跳转页面的方法，有需要的朋友可以参考一下
js关闭当前弹出框，刷新父页面
m0_62477881的博客
02-27 573
【代码】js关闭当前弹出框，刷新父页面。
MFC 关闭所有弹出模态对话框,并创建新的对话框(切换/跳转窗口)
wwwcs59的专栏
09-22 3791
   CWnd* pOldWnd = CWnd::FromHandle(GetActiveWindow ());//获得当前活动窗口,如果为主窗口,跳过!  if (this->m_pMainWnd!= pOldWnd)//非主窗口  {   CDialog* pOldDlg = (CDialog*)CWnd::FromHandle (GetActiveWindow ());   HWND hwn
python学习导航.txt
05-06
python
node-v8.3.0-linux-s390x.tar.xz
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
嵌入式微处理器设计及应用
05-06
摘要：为满足智能家居座椅的交互式运动控制需求，基于AT89S52设计了嵌入式座椅运动控制系统。使用VB.net设计了游戏手柄按键读取软件，并在此基础上设计了座椅运动控制软件，软件可分别在“手柄模式”和“鼠标模式”下与嵌入式座椅运动控制器通信，进而控制座椅进行加速、减速、正转和反转等运动；构建了控制系统实验装置，实验结果表明，“鼠标模式”下，通过鼠标点击控制软件上功能按钮可实现对座椅的准确运动控制；“手柄模式”下，游戏手柄不仅可控制座椅运动，还可同步控制电脑上运行的游戏或远程遥控车，实现浸入感较强的座椅运动娱乐应用。
2024年中国NFC RFID阅读器行业研究报告.docx
05-06
2024年中国NFC RFID阅读器行业研究报告
node-v9.9.0-linux-ppc64le.tar.xz
最新发布
05-06
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
无刷新页面跳转 js
08-31
无刷新页面跳转是指在网页中通过JavaScript脚本实现页面的跳转，而不需要刷新整个页面。实现无刷新页面跳转的常用方式有以下几种： 1. 使用location对象进行跳转： 通过JavaScript代码中的window.location.href属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值