JS 如何实现从A网页的链接弹出B网页,在B中修改数据点击保存后自动关闭B,同时A中自动刷新其数据?

重点是在B网页保存关闭后A网页中相应的数据能自动刷新。

A界面用 window.open()或者window.showModalDialog() ;来弹出新界面

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>
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-08-22
下面是弹出一个窗口:

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();
}本回答被提问者和网友采纳
第2个回答  2014-08-22
B 内容
<script>

alert("updated"); //更新完成

parent.location.reload();//刷新父窗口
window.close();关闭当前窗口
</script>追问

谢谢,但如果B不是由A的链接打开时,保存后页面不用关掉和刷新A,这样该如何进行判断呢?

追答

这个看你是什么方式调用的窗口,如果是单纯的 open出来的话

if(openner!=null)

{
//是弹窗

}
else
{
不是弹窗

}

JS 如何实现从A网页的链接弹出B网页,在B中修改数据点击保存后自动关闭...
9. scroll:{ yes | no | 1 | 0 | on | off }:是否显示滚动条。默认为yes。下面几个属性是用在HTA中的,在一般的网页中一般不使用。10. dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。11. edge:{ sunken | raised }:...

js脚本 假如:A页 新打开 B页面窗口,在B页面传递值,A页面怎么获取B页面...
实现很简单 一:向目标页面发送数据(如你的B.html向A.hmtl发送“你好”),代码就是<form>标签的action属性,比喻这样传参:action=”a.html?a1=你好”二:在目标页面接收参数,并解析出参数值,如js代码:var URL = document.location.toString(); if(URL.lastIndexOf(“?”)!=-1){ QueryStrin...

同事打开两个JSP网页A和B,在其中一个A网页中修改数据,按"提交"之后,B...
1、JS创建窗口 在窗口A里用JS打开网页B的窗口,这样后面提交后就可以在JS里刷新窗口B了 2、在窗口B里用Ajax刷新 窗口B里用Ajax定时检查后台数据有没有修改,有则刷新 3、用WebSocket 窗口B用WebSocket创建与服务器的长连接,服务器如果有改变则向窗口B推送数据 如果以上都不合适,或者太复杂,还有一...

用JS如何实现点击A,新窗口打开新页面的同时,A跳到B?
2、c页面是用<iframe引用整个A页面而建立的页面,要求同上,点击C页面里面的内容或图片,打开广告页面的同时,c页面跳转到B页面,同时B页面出现在用户面前。

...内容中插入一段JS代码去调用B网站整站!该怎么样做调用,JS怎么...
你可以在JS里面打印一段IFRAME,用这个IFRAME调用那个网页 还可以用xhtml,也就是AJAX调用,但是AJAX存在跨域的问题,你要用的话,我给你写一段JS使用IFRAME 下面是刚刚给你写的:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-...

有2个页面A和B,在A页面中一个事件弹出B页面,在B页面中执行了操作,怎么...
以前也遇到过这样的问题 可以用js的方式 在A页面用js定时刷新数据显示 还可以用正则表达式 在A页面里面 把B页面的路径保存下来 然后用js+正则 读取B页面内你需要的内容显示到A页面上 这样也可以减少数据操作 或者避免造成页面刷新时出现空白 希望对你有帮助 ...

JS如何从另一个网页获取数据内容进行处理?
通过url传参。如果是HTML页面的话,JS传到新页面就输入window.location.href='a.html?id=100'。然后a.html页面的JS就<div id="s"><\/div><script>document.getElementById("s").innerHTML=window.location.split('?')[1];<\/script> 如果是想要实现AJAX在a页面传参数到b页面,并且在a页面的层...

如何用JS实现修改浏览器地址
1.把悄悄的跳转写到a页面,b页面弹出后a页面马上跳转到c页面。a页面代码:<a href="#" onclick="opennew()">a页面的超链接<\/a> <script type="text\/JavaScript"> function opennew(){ window.open('http:\/\/www.baidu.com');\/\/弹出b页面 window.location = 'http:\/\/www.google.com';\/...

js 如何实现点击a标签跳转b页面,并且跳到b页面的指定位置d处
给b页面的地址后面加#id \/\/id为你在指定位置的元素的id

如何用js实现跳转并执行跳转后的页面里的js函数
能实现,但是需要费点周折.首先你需要给传递的页面传个参数.比如 window.location.href="next.html?action=liangliang";在next.html载入完毕后onload事件里执行 获取本页面的url,分析action参数值.然后做相应处理

相似回答