window.showModalDialog传值并刷新父窗口示例

最新推荐文章于 2020-08-05 11:37:39 发布
最新推荐文章于 2020-08-05 11:37:39 发布
阅读量155 收藏
点赞数
文章标签： javascript ViewUI



window.showModalDialog传值并刷新父窗口示例，father.html

<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.0Transitional//EN">

<HTML>

<HEAD>

<TITLE>传值＋刷新父窗口</TITLE>

<mce:scriptlanguage="javascript"><!--

functionopenson(){

var obj = newObject();

obj.name="张三";

obj.address="中国北京市";

var k=window.showModalDialog("child.html",obj,"dialogWidth:800px;dialogHeight:600p;status:no;");

if(k.type==""){//传递回的type为空的时候才刷新页面。

alert("刷新了"); //为了看效果加的，实际运用中请注掉

location.reload();

}

}

//--></mce:script>

</HEAD>

<BODY>

<inputtype="button" value="打开子窗口"οnclick="openson()">

</BODY>

</HTML>

===================================================

child.html

<!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.0Transitional//EN">

<HTML>

<HEAD>

<TITLE></TITLE>

<mce:scriptfor="window"event="onload"><!--

var s = new Object();

s.type="";

window.returnValue=s;

vark=window.dialogArguments;

alert(k.name); //使用传递过来的nanme "张三“;

alert(k.address);//使用传递过来的address "中国北京市“;

//--></mce:script>

<mce:scripttype="text/javascript"><!--

function doRefresh(){

var s=new Object();

s.type="";//设置返回值。//这里返回刷新父页面。

window.returnValue=s;

window.close();

}

functiondoNotRefresh(){

var s=newObject();

s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。

window.returnValue=s;

window.close();

}

//--></mce:script>

</HEAD>

<BODY>

<inputtype="button" value="返回刷新"οnclick="doRefresh()">

<input type="button" value="返回不刷新"οnclick="doNotRefresh()">

</BODY>

</HTML>

window.showModalDialog传值刷新应用示例、

window.showModalDialog传值刷新应用示例，传值＋刷新的实际应用

parent3.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<title>传值＋刷新</title>

<mce:scripttype="text/javascript"><!--

functionshow(){

var params = newArray();

params[0] ="00000000000";

params[1]="1111111111";

params[2]="22222222222";

var style ="dialogHeight:600px;dialogWidth:800px;status:no";

vark=window.showModalDialog("son3.html",params,style);

if(k.type==""){//传递回的type为空的时候才刷新页面。

alert("刷新我了");

location.reload();

}

}

//--></mce:script>

</HEAD>

<BODY>

<inputtype="button" value="open"οnclick="show()">

aaaaaaaaaaaaaaaaaanfddddaas

<inputtype="text">

</BODY>

</HTML>

son3.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> NewDocument </TITLE>

<mce:scripttype="text/javascript"><!--

var s = newObject();

s.type="";//设为空就可以刷新父窗口

window.returnValue=s;


var l_array=new Array();

l_array=window.dialogArguments;

varaa=l_array[0];

varbb=l_array[1];

var cc=l_array[2];

alert(aa);

alert(bb);

alert(cc);
function closeWindow(){

window.close();

}

functiondoNotRefresh(){

var s=newObject();

s.type="OK";//设置返回值,值随便写，不为空就可以。//这里返回不刷新父页面。

window.returnValue=s;

window.close();

}

//--></mce:script>

</HEAD>

<BODY>

sdafsdfafasdf<br>

<inputtype="button" value="closeAndRefresh"onClick="closeWindow()" />

<input type="button" value="closeAndRefresh"onClick="doNotRefresh()" />

</BODY>

</HTML>

window.showModalDialog只传值不刷新的示例

window.showModalDialog只传值不刷新的示例，只传值不刷新

parent2.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<mce:scripttype="text/javascript"><!--

functionshow(){

var params = newArray();

params[0] ="00000000000";

params[1]="1111111111";

params[2]="22222222222";

var style ="dialogHeight:600px;dialogWidth:800px;status:no";

window.showModalDialog("son2.html",params,style);

}

//--></mce:script>

</HEAD>

<BODY>

<inputtype="button" value="open"οnclick="show()">

aaaaaaaaaaaaaaaaaanfddddaas

<inputtype="text">

</BODY>

</HTML>

===================================================

son2.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> NewDocument </TITLE>

<mce:scripttype="text/javascript"><!--

var l_array=newArray();

l_array=window.dialogArguments;

varaa=l_array[0];

varbb=l_array[1];

varcc=l_array[2];

alert(aa);

alert(bb);

alert(cc);

//--></mce:script>

</HEAD>

<BODY>

ssssssssssssssssssssssssssssssssss

</BODY>

</HTML>

window.showModalDialog刷新父窗口不传值的示例

window.showModalDialog刷新父窗口不传值的示例，刷新父窗口(没有传值操作) 父页面打开时一定要传window参数

openModalDialog("son.html",window,800,600);

子页面中刷新：

window.dialogArguments.location="parent.html";//parent.html是父页面的地址

实例：

parent.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE></TITLE>

<mce:scripttype="text/javascript"><!--

functionopenModalDialog(url,name,iWidth,iHeight)

{

window.showModalDialog(url,name,'edge:Raised; center: Yes; help: Yes; resizable: Yes; status:No;dialogHeight:'+iHeight+'px;dialogWidth:'+iWidth+'px');

}

functionshow(){

openModalDialog("son.html",window,800,600);

}

//--></mce:script>

</HEAD>

<BODY>

<inputtype="button" value="open"οnclick="show()">

</BODY>

</HTML>

================================================

son.html

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> NewDocument </TITLE>

<mce:scripttype="text/javascript"><!--

functionaa(){

self.close();

window.dialogArguments.location="parent.html";

}

//--></mce:script>

</HEAD>

<BODY>

ssssssssssssssssssssssssssssssssss

<inputtype="button" value="close"οnclick="aa()">

</BODY>

</HTML>

本文来自: IT知道网(http://www.itwis.com/) 详细出处参考：http://www.itwis.com/html/programme/javascript/20101015/9289.html

yongyonglsy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
showModalDialog()子窗口刷新父窗口
gideal_wang的专栏
08-03 1万+
今天再次使用showModalDialog()，发现了两个问题，一是子窗口如何刷新父窗口，二是窗口的参数问题。1 子窗口刷新父窗口   如果是window.open();问题就好办，直接用window.opener.location.reload();就搞定了   但是如果是window.showModalDialog(),它里面是没有window.opener的，
JavaScript中window.showModalDialog()用法详解
10-25
主要介绍了JavaScript中window.showModalDialog()用法详解,需要的朋友可以参考下
如何用window.showModalDialog打开弹出子窗口，并在子窗口关闭时刷新父窗口
soo的专栏
01-17 3576
<br />在父页面usermanager.jsp中打开子窗口updateuser.jsp，并在在子窗口关闭时刷新父窗口。<br />要做的功能是：<br /><br />父页面usermanager.jsp<br /><br /><br />子窗口updateuser.jsp<br /><br />在点修改的时候，弹出子页面（里面包含此用户的信息）<br /><br />在子页面中，修改完点保存的时候，保存数据，自身关闭，父页面刷新，以显示修改后的数据<br /><br />功能清楚了，下面我就来实现它！
window.showModalDialog刷新父窗口和本窗口的方法及注意
userstang的博客
12-20 302
window.showModalDialog刷新父窗口和本窗口的方法及注意： 一.刷新父窗口的方法： A.使用window.returnValue给父窗口传值，然后根据值判断是否刷新。 在window.showModalDialog窗口页面中用window.returnValue方式设置返回值； 比如：window.returnValue='refr...
关于 window.showModalDialog（）弹出框刷新父页面的问题
u010394201的专栏
02-27 426
首先刷新父页面：         在  var stste= window.showModalDialog( 传参数)打开一个页面后可以在新打开的页面关闭时使用         window.returnValue='refresh';返回一个值，然后就在父页面这里判断         if("" !=state&& null !== state && state =="refresh"){
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例第1/2页
10-29
javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例代码。
window.showModalDialog模式对话框和 window.open的区别
05-27
NULL 博文链接：https://shawnfree.iteye.com/blog/598885
google不支持window.showModalDialog问题解决方案
03-16
This is a `window.showModalDialog()` shim using a modal HTML5 `<dialog>` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
主要介绍了浅谈JavaScript窗体Window.ShowModalDialog使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
window.showModalDialog 关闭当前页面刷新父页面
guo_xiao_hui的专栏
01-12 8357
//父页面函数 function showPort(){ var k = window.showModalDialog("url,"_blank","dialogWidth=500px;dialogHeight=300px;center=yes;location=no"); if(k == 1){//判断是否刷新 window.location.reload(); } } //子页面
window.showModalDialog() 最简单的刷新父窗口方法
tool163的专栏
10-11 1122
直接在window.showModalDialog()后面调用window.location.reload();即可。var returnValue = window.showModalDialog()是阻塞式调用（和alert类似）,主页面完全停止直到结束模式状态。如果需要刷新父窗口，可以直接在window.showModalDialog()后面调用window.location.reload();即可。（根据测试 ie8 和firefox3.5.13均有阻塞现象。）
showModalDialog后如何刷新父页面
weixin_33675507的博客
02-19 67
最近一个项目使用到的。在网上查了好久，有的可行，有的就不行。总结一下吧。方案一：父页面：window.showModalDialog('User.jsf?USERCODE='001'&Rnd='+Math.random(),window,'dialogHeight =800px;dialogWidth=800px;dialogLeft=200px;dialogTop=100px;cente...
window.showModalDialog和window.open关闭子页面时刷新父页面
淡漠黑白
08-20 1103
window.open 弹出新窗口的命令；  'page.html' 弹出窗口的文件名；  'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；  height=100 窗口高度；  width=400 窗口宽度；  top=0 窗口距离屏幕上方的象素值；  left=0 窗口距离屏幕左侧的象素值；  toolbar=no 是否显示工具栏，yes为显示； 
window.showModalDialog关闭子页面后刷新父页面
cxws110的博客
05-16 1024
父页面方法： function addbz(id){ var url="${ctx}/erp/pmDesign/pmDesign/addBZ.ht?id="+id;//URL地址 //弹出框 var k=window.showModalDialog(url,"_self","dialogWidth=500px;dialogHeight=300px...
window.showModalDialog实例
花非花雾非雾物语人生
11-03 1889
window.showModalDialog实例
window.showModalDialog()用法
热门推荐
说故事的五公子
08-05 1万+
1.定义 window.showModalDialog()用来创建模态对话框 语法为：vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])； 参数： （1）sURL ：指定对话框要显示的文档的URL，字符串，必填 （2）vArguments：要向对话框传递的参数，变体（数组、变量等），选填 （3）sFeatures：生成对话框的外观信息，字符串，选填 参数 含义 说明 dialogHeight 对话框高
window.showModalDialog兼容性优化
最新发布
03-31
1. 使用window.open()替代window.showModalDialog()，因为window.showModalDialog()在一些浏览器中不被支持，而window.open()在大多数浏览器中都能正常使用。 2. 使用对话框库，如jQuery UI Dialog、Bootstrap Modal等，它们提供了跨浏览器且易于使用的对话框解决方案。 3. 在使用window.showModalDialog()时，避免使用窗口自动调整大小的功能，因为在某些浏览器中会导致问题。 4. 如果必须使用window.showModalDialog()，则需要考虑使用polyfill库，如dialog-polyfill，以确保在不支持该函数的浏览器中也能正常工作。 5. 在使用window.showModalDialog()时，尽可能使用标准HTML和CSS来设计和创建对话框，以确保最大的跨浏览器兼容性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值