JS中window.open和window.opener的使用

简介:

一、发现问题
通过A页面通过window.open打开一个B页面,B页面提交过后,希望局部刷新A页面。


二、解决问题
A页面
window.open(url, '','width=100,height=100,resizable=no,status=no,menubar=no,scrollbars=no');

B页面
<form action="BAction?method=save">
<input type="submit" value="提交" />
</form>

BAction
public void save(HttpServletRequest request,HttpServletResponse response)
{
StduentSave();
PrintWriter pw = response.getWriter();
String jsAlert = "<script>alert('操作成功');window.opener.document.getElementById('hint').innerHTML='操作成功';window.close();</script>";
pw.write(jsAlert);
pw.flush();
}
B页面提交给了BAction,BAction处理过后关闭了B页面,同时只更新了A页面的提示区。


三、思考过程
除了更新某个区域的html,也可以更新表单元素:window.opener.document.getElementById('hint').value = "";

本文转自IT徐胖子的专栏博客51CTO博客,原文链接http://blog.51cto.com/woshixy/1352214如需转载请自行联系原作者


woshixuye111

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
38 1
JavaScript中的原型 保姆级文章一文搞懂
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
121 2
|
2月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
24 0
|
6月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
168 4