JS中window.open和window.opener的使用 推荐
2014-01-16 13:49
316 查看
一、发现问题
通过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 = "";
通过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 = "";
相关文章推荐
- JS中window.open和window.opener的使用
- JS中window.open和window.opener的使用
- js window.opener 的用法 及open 参数
- window.open方法使用中的问题及js中的两个值相加
- Window.ShowModalDialog使用手册 js弹出框 不同于open此弹出窗口不会被阻止
- JS字符串 window.open() window.opener window.name window对象总结
- window.opener方法的使用 js跨域
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
- JS字符串 window.open() window.opener window.name window对象总结
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- JS: 打开新窗口时(open window),使用传递post参数
- JS-使用window.open打开的子窗口与父窗口之间的通信
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- JS中window.open全屏命令解析及使用示例
- JS中window.open全屏命令解析及使用示例
- js使用window.open用select打开新页面
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- window.opener方法的使用 js跨域
- .net下导致Session失效的一种情况:js教本中使用window.open和window.showModalDialog时需要注意
- window.opener方法的使用 js 跨域