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

转载 2012年03月21日 10:19:34
 

最近做物资系统的时候,又涉及到模态窗口的问题了,上次做的时候没遇到这次这么多东西,记下来吧
父窗口 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 去实现。


js页面刷新跳转的几种方式及区别

返回并刷新页面: location.replace(document.referrer); document.referrer //前一个页面的URL 不要用 histo...
  • fb408487792
  • fb408487792
  • 2014年11月18日 16:20
  • 7732

JS 监控页面刷新,关闭 事件的方法

JS 监控页面刷新,关闭 事件的方法   | onbeforeunload与onunload事件Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过...
  • xuchuangqi
  • xuchuangqi
  • 2016年06月14日 18:55
  • 6220

javascript如何监听页面刷新和页面关闭事件

本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。 这里就给大...
  • qq_27681741
  • qq_27681741
  • 2017年01月09日 14:07
  • 2055

HTML5 History API实现无刷新跳转

在HTML5中,   1. 新增了通过JS在浏览器历史记录中添加项目的功能。       2. 在不刷新页面的前提下显示改变浏览器地址栏中的URL。       3. 添加了当用户单...
  • HUXU981598436
  • HUXU981598436
  • 2015年07月20日 14:30
  • 2104

js如何实现在监测页面关闭和刷新事件

原文:https://segmentfault.com/q/1010000007685607 有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。 于是自己就想到onb...
  • h330531987
  • h330531987
  • 2017年07月18日 17:46
  • 1428

JS页面跳转+JS在Iframe页面跳转、刷新

window.location.href="jb51.jsp?backurl="+window.location.href;    第二种:  复制代码代码如下:   alert("返回")...
  • KevinwuwenboA
  • KevinwuwenboA
  • 2016年11月07日 22:33
  • 1831

js 判断窗口刷新和关闭,分各种情况

项目要求记录页面的刷新和关闭 次数,在网上查了各种资料,都是
  • lszx618
  • lszx618
  • 2014年05月08日 16:46
  • 2265

JS定时刷新页面及跳转页面

JS定时刷新页面及跳转页面 Javascript 返回上一页 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. h...
  • zhangbingtao2011
  • zhangbingtao2011
  • 2016年10月19日 14:46
  • 703

js判断离开页面刷新或关闭的方法

今天在做日新图库的时候遇到个问题,用户上传模块中,上传是用了一个SWFUpload的上传插件,上传是ajax实现   的,假设用户上传了图片,并没有提交图集,而是离开了页面,关闭浏览器或者刷新了页...
  • jinyeweiyang
  • jinyeweiyang
  • 2014年09月28日 11:34
  • 1944

JS 跳转页面 刷新页面大全

跳转:  "window.location.href"、"location.href"  本页面跳转  "parent.location.href"  上一层页面跳转  "top.locatio...
  • vip_linux
  • vip_linux
  • 2014年03月18日 06:39
  • 655
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 模态窗口 关闭刷新父窗口或跳转页面
举报原因:
原因补充:

(最多只允许输入30个字)