window.showModalDialog

最新推荐文章于 2024-09-11 15:33:18 发布
最新推荐文章于 2024-09-11 15:33:18 发布
阅读量324 收藏
点赞数
文章标签： javascript null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/java_pp/article/details/7977068
版权

关于window.showModalDialog父子窗口传值，及刷新父窗等问题

 

1.父子多种传值

farther.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
<!-- 
function openChild(){ 

var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px"); 
if(k != null) 
document.getElementById("txt11").value = k; 
} 
//--> 
</script> 
</HEAD> 

<BODY> 
<br>传递到父窗口的值:<input id="txt9" type="text" value="3333333333333"><br> 
返回的值:<input id="txt11" type="text"><br> 
子窗口设置的值:<input id="txt10" type="text"><br> 


<input type ="button" value="openChild" onclick="openChild()"> 
</BODY> 
</HTML> 

child.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 

</HEAD>

<BODY> 
<br>父窗口传递来的值:<input id="txt0" type="text"><br> 
输入要设置父窗口的值:<input id="txt1" type="text"><input type ="button" value="设置父窗口的值" onclick="setFather()"><br> 
输入返回的值:<input id="txt2" type="text"><input type ="button" value="关闭切返回值" onclick="retrunValue()"> 
<input type ="button" value="关闭刷新父窗口" onclick=""> 

</BODY> 
</HTML> 

<script language=javascript> 
<!-- 
var k=window.dialogArguments; 
//获得父窗口传递来的值 
if(k!=null) 
 { 
 document.getElementById("txt0").value = k.document.getElementById("txt9").value; 
 } 
 //设置父窗口的值 
function setFather() 
{ 
 k.document.getElementById("txt10").value = document.getElementById("txt1").value 
} 
//设置返回到父窗口的值 
function retrunValue() 
{ 
var s = document.getElementById("txt2").value; 
window.returnValue=s; 
window.close(); 
} 
//--> 
</script> 

 

 

 

以下两文件演示关闭子窗，刷新父窗功能

father.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
<!-- 
function openChild() 
{ 

 var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px"); 
 if(k == 1)//判断是否刷新 
 { 
  alert('刷新'); 
  window.location.reload(); 
 } 
} 
//--> 
</script> 
</HEAD> 

<BODY> 
<br>传递到父窗口的值:<input id="txt9" type="text" value="3333333333333"><br> 
<input type ="button" value="openChild" onclick="openChild()"> 
</BODY> 
</HTML> 

 

child.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>工资单</TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 

</HEAD> 

<BODY> 
<br>父窗口传递来的值:<input id="txt0" type="text"><br> 

<input type ="button" value="关闭刷新父窗口" onclick="winClose(1)"> 
<input type ="button" value="关闭不刷新父窗口" onclick="winClose(0)"> 

</BODY> 
</HTML> 

<script language=javascript> 
<!-- 
var k=window.dialogArguments; 
//获得父窗口传递来的值 
if(k!=null) 
 { 
 document.getElementById("txt0").value = k.document.getElementById("txt9").value; 
 } 

//关闭窗口返回是否刷新的参数. 
function winClose(isRefrash) 
{ 

window.returnValue=isRefrash; 
window.close(); 
} 
//--> 
</script> 

 

java_pp
关注
Java触发window弹窗_用"window.showModalDialog()"实现DIV模式弹出窗口
weixin_39781930的博客
02-26 970
1、test.html 测试页测试页面.list {border-top:1 solid #8A2BE2;border-left:1 solid #8A2BE2;border-right:1 solid #8A2BE2;}.list td {border-bottom: 1 solid #8A2BE2;}function $(el) {return document.getElementById...
替换window.showModalDialog 已解决！！！
c15162的博客
07-20 5765
记录一下 最近在维护一个项目，使用IE一切正常，但是切谷歌的话 正常登陆都不行了。 检查了一下 发现报错。 后来查了一下 发现 window.showModalDialog 方法在很久以前就被弃用了！！！ 解决方案：用window.open来替代。 // 定义一个全局变量判定是否原生支持showModalDialog方法 var has_showModalDialog = !!window.showModalDialog; if(!has_showModalDialog){ //定义window.sho
showModalDialog实例
08-19
通过实例，详细说明了showModalDialog弹出网页窗口的应用。
showModalDialog（）
yunxiang1224的博客
03-08 1323
JS中showModalDialog 详细使用(转) 基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模...
showModalDialog用法
JAVAGirl
11-17 139
showModalDialog用法： 1.jsp页面（父窗体页面） function openW_(ID){ var time =new Date().getTime(); //关于加上那个 (new Data()) 是要避免showModalDialog页面自动缓存的问题，导致第二次打开页面，数据没有被刷新，这是因为showModalDialog页面如果每次的URL一样的话，它会自动显...
java 窗口模态_模态窗口详解
weixin_39851974的博客
02-12 518
模态窗口:showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)window.showModalDialog() 方法用来创建一个显示HTML内容的模态对话框。window.showModelessDialog() 方法用来创建一个显示HTML内容的非...
关于模态窗口window.showModalDialog
itmaxin的专栏
01-24 4772
火狐下不支持window.showModalDialog()弹出模态窗口的解决方案。
'window.ShowModalDialog'在Chrome中不起作用
04-07
标题 "window.ShowModalDialog在Chrome中不起作用" 涉及到的是JavaScript中一个特定的浏览器兼容性问题。`window.showModalDialog()` 是一个古老的JavaScript方法，用于在当前页面上打开一个模态对话框，该对话框...
window.showModalDialog模式对话框和 window.open的区别
05-27
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法，但它们在功能和使用场景上有着显著的区别。 首先，我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
JavaScript中的`window.showModalDialog()`方法是一个用于打开模态对话框的功能，主要在IE浏览器中得到广泛支持（从IE4开始）。模态对话框是一种特殊的弹出窗口，它强制用户在处理当前对话框之前不能与页面上的其他...
window.showModalDialog打开跨域的页面并取到返回值
04-23
主页面用window.showModalDialog的时候,如果直接打开其它系统的页面,这时候别人的页面在window.returnValue=1;这样返回值的时候,主页面是取不到返回值的,原因就是因为跨域了.
JavaScript中window.showModalDialog()用法详解
10-25
- 当子窗口关闭时，其window.returnValue的值会被设置为父窗口中window.showModalDialog()方法调用的返回值。 - 在IE浏览器中，window.showModalDialog()方法支持得比较好，但在其它一些浏览器中可能不完全支持，...
js的window.showModalDialog及window.open用法实例分析
12-11
JavaScript中的`window.showModalDialog`和`window.open`都是用于打开新窗口的方法，但它们有着不同的特性和用途。 首先，`window.open`方法是JavaScript中最常见的打开新窗口的方式，它适用于所有的主流浏览器，如...
showModalDialog和showModelessDialog使用心得
轻灵自由的珍珠
05-12 3011
showModalDialog和showModelessDialog使用心得一、showModalDialog和showModelessDialog有什么不同？　　showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。　　showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(
Java中modal dialog,showModalDialog模态对话框的使用详解以及浏览器兼容
weixin_29239661的博客
03-14 743
1.ModalDialog是什么？showModalDialog是jswindow对象的一个方法，和window.open一样都是打开一个新的页面。区别是：showModalDialog打开子窗口后，父窗口就不能获取焦点了(也就是无法操作了)。可以在子窗口中通过设置window.returnValue的值，让父窗口可以获取这个returnvalue.2.一个例子1)主窗口main.html,2)在...
模式窗口 window.showmodaldialog 总结
热门推荐
u010033129的专栏
05-22 1万+
最近有个需求，就是要在一个图像插件上面，需要弹出一个窗口，在弹出的窗口之上又的弹出一个模式窗口。然后我用到了window.showmodaldialog 方法 1.参数 showModalDialog(＂子页面地址＂,"向子页面传递参数","子页面外观设置")，比如说 var data = new Date().getTime(); var timeValue  = window.
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 889
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值