模态与非模态窗口之间传值
所谓模态对话框,就是指除非采取有效的关闭手段,用户的鼠标焦点或者输入光标将一直停留在其上的对话框。非模态对话框则不会强制此种特性,用户可以在当前对话框以及其他窗口间进行切换。
父窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var win;
// 打开模态窗口
function open_modalDialog() {
window.showModalDialog("son.html", window, "dialogHeight:300px, dialogWidth:150px");
}
// 打开非模态窗口
function open_modalessDialog() {
// 获得非模态子窗口的对象
win = window.showModelessDialog("son.html", window, "dialogHeight:300px, dialogWidth:150px");
}
// 给打开的模态窗口赋值
function test_child() {
var age = win.document.getElementsByName("age")[0];
age.value = 20;
alert(age.value);
}
// 不能为非模态窗口赋值,因为用户必须要操作完非模态窗口后,才能操作父窗口
</script>
</head>
<body>
用户名:<input type="text" name="username" /><br />
<input type="button" value="打开模态窗口" onclick="open_modalDialog()" /><br />
<input type="button" value="打开非模态窗口" onclick="open_modalessDialog()" /><br />
<input type="button" value="给子窗口赋值" onclick="test_child()" /><br />
</body>
</html>
子窗口代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
// 子窗口给父窗口赋值(模态)
function test_parent() {
// 获得父窗口的对象
var parentwin = window.dialogArguments;
var username = parentwin.document.getElementsByName("username")[0];
username.value = "keveon";
alert(username.value);
}
</script>
</head>
<body>
年龄:<input type="text" name="age" /><br />
<input type="button" value="给父窗口赋值" onclick="test_parent()" />
</body>
</html>
分享到:
相关推荐
http://hi.csdn.net/zhuchao_ko/ PS:愿与君共勉。
模态窗口传值www.bbssa.com 学习HTML对象必看
本人根据开源代码,结合自己项目需要,编写的一个简单的JavaScript的div式模态弹出窗口!
C++非模态窗口实现 VC非模态窗口实现 MFC非模态窗口实现
使用VS2015写的MFC子窗口与父窗口之间消息的传递,可以直接执行
java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态窗口java多级模态...
基于VS2015编译的MFC模态窗口与非模态窗口兼容窗口类,解决默认窗口类框架在非模态模式下没有真正释放类资源的问题,同时兼容模态窗口模式。 VS版本低于2015时,可以参考窗口类框架。 博文参考...
模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现模态窗口的实现
这是Visual Studio的MFC项目,展示了模态窗口、非模态窗口的使用。弹出模态窗口就会阻塞父窗口,并且展示了C++读取鼠标位置的方法。非模态窗口则不会阻塞父窗口。 主窗口展示了树控件的使用方法。
主要介绍了js操作模态窗口及父子窗口间相互传值,需要的朋友可以参考下
VS2010创建模态对话框非模态对话框的方法,给子窗口传值,非模态对话框给父窗口传值,非模态获取父窗口的指针,打开非模态对话框不重复
Jquery实现模态窗口效果;
模态与非模态子窗口调用主窗口控件学习 应用了4种方法 环境vs2015 学习备份
具体讲解了模态与非模态窗口的基本参数以及传值问题
JavaScript 模态窗口,经历2次升级,使用方便,操作灵活, 支持IE、Mozilla FireFox、Sarafi、Opera、Chrome等多浏览器,版权所有,请勿用作商业用途
jsp页面代码,包含将页面的值(从数据库中查出来的值)传递给模态框,模态框中使用ajax提交修改后的值。此文档不包含java代码,而且是使用struts2框架的
div css 窗口 模态窗口 JavaScript css
点击运行弹出一个对话框,点击DIALOG1按钮弹出一个模态对话框,在该对话框的编辑框输入文本点击确定该对话框消失且输入的文本被显示到主对话框MainDialog中,点击DAILOG2按钮弹出一个非模态对话框,操作现象和模态...
使用div仿javascript模态窗口,感觉很不错的资源哦。喜欢的朋友可以下载下
易语言以模态方式载入窗口源码,以模态方式载入窗口,载入_模态,WinProc,DialogProc,CreateWindowEx,RegisterClassEx,DefWindowProc,GetModuleHandle,LoadIcon,LoadCursor,EnableWindow,GetMessage,DispatchMessage,...