关闭子窗口父窗口刷新

一、方法一：使用window.open()方法。

在父窗口中的html代码：

在父窗口中的js代码，通过window.open()打开子窗口：

$("#addnews").click(function(){
var url='manage/newsAdd.jsp?userId=<%=user.getNumber()%>'; //转向网页的地址;
var name=''; //网页名称，可为空;
var iWidth=700; //弹出窗口的宽度;
var iHeight=400; //弹出窗口的高度;
//window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽
var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置;
window.open(url,name,'height='+iHeight+',innerHeight='+iHeight+',width='+iWidth+',innerWidth='+iWidth+',top='+iTop+',left='+iLeft+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
});

子窗口中的html代码：

<%
String result = (String) request.getParameter("res");
%>
<div class="container">
<form method="post" action="NewsAdd?userId=<%=userId%>" id="newsform">
<div class="panel panel-primary" >
<textarea id="newsContent" name="newsContent" required="required" oninvalid="setCustomValidity('请输入新闻内容！')" οninput="setCustomValidity('')"
autofocus="autofocus" placeholder="请输入滚动新闻内容" rows="10" cols="60" style="border:0;"></textarea>
</div>
</div>
<div style="margin:20px auto;">
<input class="btn btn-primary" type="submit" value="提交" id="submitbtn" /> 
      
<button class="btn btn-default" οnclick="window.close()" id="cancel">取消</button>
</div>
</form>
</div>
</div>
子窗口中的js代码：
<script>
$(document).ready(function(){
var result = <%=result%>;
if(result==1){ //上传成功，登录成功等等
window.opener.location.reload();
window.opener=null; //刷新父窗口，关闭子窗口
window.close();
}
});
</script>

这种方法没有采用遮蔽效果。

二、方法二：使用layer （http://sentsin.com/jquery/layer/ ）的iframe层

首先在父窗口和子窗口页面添加<script src="Resources/layer/layer.min.js"></script>

在父窗口中的html代码：

在父窗口中的js代码，通过iframe()打开子窗口：

$('#addnews').on('click', function(){
$.layer({
type: 2, //iframe
shade: [0.5,'#000'],
fix: false,
title: '添加一条记录',
maxmin: false,
border: [0],
closeBtn: [0, true],
fadeIn: 300,
iframe: {src:'manage/newsAdd.jsp?userId=<%=user.getNumber()%>',scrolling: 'no'},
area: ['580px' , '430px'],
close: function(index){ //点击layer右上角关闭按钮触发的事件
location.assign('NewsModify?userId=<%=user.getNumber()%>');
}
});
});

子窗口中的html代码：

<%
String result = (String) request.getParameter("res");
%>
<div class="container">
<form method="post" action="NewsAdd?userId=<%=userId%>" id="newsform">
<div class="panel panel-primary" >
  <textarea id="newsContent" name="newsContent" required="required" oninvalid="setCustomValidity('请输入新闻内容！')" οninput="setCustomValidity('')"
autofocus="autofocus" placeholder="请输入滚动新闻内容" rows="10" cols="60" style="border:0;"></textarea>
</div>
</div>
<div style="margin:20px auto;">
<input class="btn btn-primary" type="submit" value="提交" id="submitbtn" /> 
      
<button class="btn btn-default" οnclick="window.close()" id="cancel">取消</button>
</div>
</form>
</div>
</div>
  子窗口中的js代码：
$(document).ready(function(){
var result = <%=msg%>;
var index = parent.layer.getFrameIndex(window.name);
if(result==1){ //上传成功
parent.location.reload(); //刷新父窗口
parent.layer.close(index);
}

$("#cancel").click(function(){
parent.layer.close(index);
});
});

关闭子窗口父窗口刷新相关推荐

java 父窗口关闭_javascrpt控制父窗口关闭,子窗口也关闭(转)
var__winRoot__=top||parent||window;//祖先窗口对象var__winParent__=__winRoot__;//父窗口对象(默认为祖先窗口)var__winTree ...
Win32-子窗口-父窗口-窗口所有者
文章目录 1.窗口关系 2.窗口类型的说明和限制 3.几个相关函数的说明 4.作者答疑在windows系统中,每个窗口对象都对应有一个数据结构,形成一个list链表.系统的窗口管理器通过这个li ...
关闭子窗口父窗口自动刷新
function clsoseForm() { window.opener.location.href=window.opener.location.href; window.opener.locat ...
子窗口关闭,父窗口有选择刷新
在父窗口中打开一个模式窗口,当模式窗口关闭的时候父窗口不刷新. 父窗口js代码 function addDiaocha() { var url = '${ctx}/admin/diaocha/e ...
javascript用window open的子窗口关闭自己并且刷新父窗口
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 在字窗口 ...
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
前些日子,一直奔波于这三种操作,想想以后会常用,干脆整理下来,供自己以后查看.也给大家分享一下! 以下面写出自己认为有用的操作和代码. 第一次在园里面写,肯定有很多不足够之处,希望大家多多指点. 一. ...
window.open window.showModelDialog 打开一个新窗口/子窗口中调用父窗口的方法
window.open 只打开一个窗口是将 oNewWindow = window . open ( sURL , sName , sFeatures , ...
js 弹出子页面与关闭子页面刷新父页面的问题
在使用js弹出子页面并在关闭子页面的时候刷新父页面的时候遇到不能刷新的问题,为这个事郁闷了好久,在网上找相关的资料基本上都是使用window.opener.location.href=window.o ...
mfc获取子窗口句柄_前端设计-JavaScript中父窗口与子窗口间的通信
父窗体与子窗体之间的通信在之前文章讲解windows程序设计过程中,我们曾描述了windows程序窗口之间通信与控制实现方法与过程,如窗体之间参数传递等.本文主要从Web程序开发前端JavaScri ...

关闭子窗口父窗口刷新

关闭子窗口父窗口刷新相关推荐

最新文章

热门文章