showModalDialog的简单使用
1、要通过另外一个网页输入结果的网页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function viewData(cid ,cname) {
//获取通过showModalDialog传过来的window对象
var sdata = window.dialogArguments;
//设置第一个页面的属性值
sdata.document.getElementById("cid").value = cid;
sdata.document.getElementById("cname").value = cname;
//关闭Dialog窗口
window.close();
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>操作</td>
<td>客户ID</td>
<td>客户名称</td>
</tr>
<tr>
<td><button onclick="viewData('001','深圳华为')">选择</button></td>
<td>001</td>
<td>深圳华为</td>
</tr>
<tr>
<td><button onclick="viewData('002','用友软件')">选择</button></td>
<td>002</td>
<td>用友软件</td>
</tr>
</table>
</body>
</html>
2、存储另外一个网页的相关属性，在需要的时候输送给另外一个网页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<form name="form1" action="test.htm" method="post">
客户ID：<input type="text" name="cid" value="" id="cid"><br/>
客户名称：<input type="text" name="cname" value="" id="cname"><br/>
<input type="button" name="ok" value="请选择客户" onclick="openWin();">
</form>
</body>
<script type="text/javascript">
function openWin() {
window.showModalDialog("msg.htm",window,"dialogHeight:200px;dialogWidth:200px;dialogLeft:350px;dialogTop:350px;center:yes;help:no;");
}
</script>
</html>
3、为了使两个页面更加的独立，在第二个页面调用第一个页面的一个函数
--第二个页面的javascript代码
<script type="text/javascript">
function viewData(cid ,cname) {
//获取通过showModalDialog传过来的window对象
var sdata = window.dialogArguments;
//设置第一个页面的属性值
// sdata.document.getElementById("cid").value = cid;
// sdata.document.getElementById("cname").value = cname;
// 调用第一个页面的函数
sdata.setValue(cid,cname);
//关闭Dialog窗口
window.close();
}
</script>
--第一个页面的javascript代码
<script type="text/javascript">
function openWin() {
window.showModalDialog("msg.htm",window,"dialogHeight:200px;dialogWidth:200px;dialogLeft:350px;dialogTop:350px;center:yes;help:no;");
}
function setValue(cid,cname) {
document.getElementById("cid").value = cid;
document.getElementById("cname").value = cname;
}
</script>
分享到：
相关推荐
做项目时，碰到了前台页面需要向弹出框传值并且需要使用弹出框的返回值的需要，一开始使用的prompt(); 发现ie浏览器时，prompt()弹出框的位置会固定在左上...后来使用window.showModalDialog(url,params,pos)方法 解决
本篇文章主要是对js_showModalDialog弹出对话框的简单实例(子窗体) 进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
谷歌浏览器不支持showModalDialog模态对话框和无法返回returnValue，这个问题，想必很多朋友都有遇到过吧，解决方法很简单，下面的思路，大家可以看看
先简单介绍一下基本知识： 一、window.open()支持环境： Java1.0+/J1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为...
用showModalDialog弹出页面后，提交表单总是弹出一个新窗口,其实解决方法很简单如下。
window.showModalDialog() 使用方法： var returnValue = window.showModalDialog(url [, arguments] [,features]); url — 必选参数，类型：字符串，用来指定对话框要显示的文档的URL arguments — 可选参数，...
个人学习js弹出框的一些例子，含有alert,prompt,confirm, showModalDialog,showModelessDialog,很全也很简单，包学包会，例子全部都有，并且简单明了！
3、tree增加自定义属性 attributes，用于简单数据加载时，指定那些字段当作node的attributes属性使用。 4、combobox增加 getSelected 方法， 返回选中item的data值。 5、combogrid增加 getSelected 方法，返回选中...
我自己结合多线程和ShowModalDialog制做了一个实时进度条，原理很简单：使用线程开始长时间的任务，定义一个Session，当任务进行到不同的阶段改变Session的值，线程开始的同时使用ShowModalDialog打开一个进度条窗口...
本文实例讲述了JS简单实现父子窗口传值功能。分享给大家供大家参考，具体如下： 父窗口页面father.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE&...
1.window.showModalDialog(url,args,dialogattrs) 参数说明： url:弹出页面地址 agrs：主窗口传给对话框的参数，可以是任意类型（数组也可以） dialogattrs：弹出窗口的样式参数 模式对话框用法： 主窗口：var value...
我们经常要在程序的人机交互中用到模态窗口，但在B/S开发中，这一切变得不容易了，虽然也可以用window.showModalDialog函数实现（见http://dotnet.aspx.cc/ShowDetail.aspx?id=49ML4AO8-5PB3-4KNY-NJZD-LJOIOXV4M1X4...
11.3.2.2 showModalDialog和showModelessDialog--非W3C或ECMAScrip标准 11.3.3 状态栏 11.4 框架--上层的Window对象 11.4.1 多框架应用 11.4.2 框架之间的关系 11.4.3 框架的命名 11.4.4 ...
3) 修正使用showModalDialog模态窗口打开控件所在页面时控件无法使用的BUG。 <br> 2007/7/31 Version 3.2.6 Free <br>Updates: 1) 修正插入信纸功能中插入空白之后右键菜单失效的BUG。 2) ...
22、SHOWMODALDIALOG和SHOWMODELESSDIALOG及其右下角提示框 257 23、特殊字体样式 258 24、JS确认窗口和输入窗口 259 25、WINDOW.SETTIMEOUT和SETINTERVAL 260 25、WINDOW.OPEN 261 26、检查浏览器是否支持COOKIE ...
在开发的时候，遇到了这样一个问题，客户填写自己的收货地址，可以新建，但同时也可以选择之前填写的，由于我们的客户本身就是商户，地址繁多，把它之前的地址简单用个下拉框罗列出来显然不合适，并且客户要求能够对...