JS 如何实现从A网页的链接弹出B网页，在B中修改数据点击保存后自动关闭B，同时A中自动刷新其数据？ 如何用JS实现修改浏览器地址
\u5982\u4f55\u7528JS\u5b9e\u73b0\u5728A\u9875\u9762\u4e2d\u70b9\u51fb\u94fe\u63a5\u6765\u4fee\u6539B\u9875\u9762\u5185\u5bb9,\u4e0d\u80fd\u5237\u65b0\u4e0d\u7528\u6846\u67b6\u5982\u679cB\u9875\u9762\u662f\u7236\u9875\u9762\u7684\u8bdd\u662f\u53ef\u4ee5\u7684\uff0c\u5c31\u662f\u4f60\u7684A\u9875\u9762\u662fB\u9875\u9762window.open\u51fa\u6765\u7684\u6216\u8005\u662f\u6a21\u6001\u7a97\u53e3\u4e5f\u884c\u3002\u8fd9\u6837\u5728A\u9875\u9762\u901a\u8fc7window.opener.B\u9875\u9762\u7684js\u65b9\u6cd5 \u53ef\u4ee5\u5b9e\u73b0\u4f60\u8bf4\u7684\u4e1c\u4e1c
\u4f8b\u5982 B.jsp \u5305\u542bjs\u65b9\u6cd5 function a\uff08\uff09{\u5237\u65b0\u5c40\u90e8} function b(){windwo.open("url\u6253\u5f00A\u9875\u9762");}
A.jsp,\u70b9\u51fb\u94fe\u63a5\u8c03\u7528js\u65b9\u6cd5 function c\uff08\uff09{ window.opener.a();};\u54e6\u4e86
\u6709\u4e24\u79cd\u65b9\u6cd5
1.\u628a\u6084\u6084\u7684\u8df3\u8f6c\u5199\u5230a\u9875\u9762\uff0cb\u9875\u9762\u5f39\u51fa\u540ea\u9875\u9762\u9a6c\u4e0a\u8df3\u8f6c\u5230c\u9875\u9762\u3002
a\u9875\u9762\u4ee3\u7801\uff1a
a\u9875\u9762\u7684\u8d85\u94fe\u63a5
function opennew(){
window.open('http://www.baidu.com');//\u5f39\u51fab\u9875\u9762
window.location = 'http://www.google.com';//a\u9875\u9762\u8df3\u5230\u8c37\u6b4c
}
2.\u628a\u6084\u6084\u7684\u8df3\u8f6c\u5199\u5230b\u9875\u9762\uff1a
a\u9875\u9762\u4ee3\u7801,\u5c31\u662f\u666e\u901a\u7684\u8d85\u94fe\u63a5\uff1a
a\u9875\u9762\u7684\u8d85\u94fe\u63a5
b\u9875\u9762\u4ee3\u7801\uff1a
function opennew(){
window.opener.location='http://www.google.com';//a\u9875\u9762\u8df3\u5230\u8c37\u6b4c
}
\u8fd9\u6837\u662f\u5728b\u9875\u9762\u52a0\u8f7d\u5b8c\u6bd5\u540e\u6267\u884copennew()\u65b9\u6cd5\uff0c\u4f7fa\u9875\u9762\u8df3\u8f6c\u3002\u4f60\u53ef\u4ee5\u5728b\u9875\u9762\u5176\u4ed6\u5730\u65b9\u89e6\u53d1\u4e8b\u4ef6\uff0c\u8c03\u7528opennew()\u65b9\u6cd5
open()和showModalDialog用法:
1、window.open('my.htm','','width=400,height=300') 父窗体仍可活动。
2、基本介绍：
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog() 此方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog() 此方法用来创建一个显示HTML内容的非模态对话框。
使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
sURL -- 必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
vArguments -- 可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures -- 可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
----------------
1. dialogHeight: 对话框高度，不小于100px
2. dialogWidth: 对话框宽度。
3. dialogLeft: 离屏幕左的距离。
4. dialogTop: 离屏幕上的距离。
5. center: { yes | no | 1 | 0 } ： 是否居中，默认yes，但仍可以指定高度和宽度。
6. help: {yes | no | 1 | 0 }： 是否显示帮助按钮，默认yes。
7. resizable: {yes | no | 1 | 0 } [IE5+]： 是否可被改变大小。默认no。
8. status:{yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9. scroll:{ yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的，在一般的网页中一般不使用。
10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。
参数传递：
1.要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。也可以传递对象，例如：
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name)
</script>
-------------------------------
2. 可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.webjx.com";
</script>
下面是弹出一个窗口：
var paramJson = window
.showModalDialog(
"docMPriceDetailAction!query.action?priceNo="+priceNo+"&isMulti="+isMulti,//这里的url你自己更改
'',
'dialogLeft:300px;dialogTop:150px;dialogHeight:450px;dialogWidth:750px;status:no;resizable:yes;scroll:no;help:no;');
if(paramJson){
if(paramJson != null){
$("#form2").submit();//这里调用A页面刷新的方法
}
}
下面是你在B页面点击保存后调用：val随便你返回什么
function returnData(){
window.returnValue = val;
window.close();
}
B 内容
<script>
alert("updated"); //更新完成
parent.location.reload();//刷新父窗口
window.close();关闭当前窗口
</script>
扩展阅读：js game官网进入 ... java.52emu.cn ... javascript免费网站 ... mac日本官网入口 ... 三国侵略版js下载 ... paperpass免费入口 ... 三国侵略版jsgame官网 ... 点击打开网页 ... java入门网站 ...
