leeqoo
- 浏览: 123918 次
-
文章分类
最新评论
-
张万里：
只有前台页面，参考意义不大
ztree左侧菜单jspDemo -
sesamfox：
缺少addProperty和create方法
使用cglib动态创建java类 -
aappds：
请问一下，这些漏洞用appscan扫描出来以后怎么查看具体漏洞 ...
常见WEB开发安全漏洞 原因分析及解决
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 :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
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个字符。也可以传递对象，例如：
<script>
var obj = new Object();
obj.name="ttop";
window.showModalDialog("test.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script> test.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name) </script>
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
<script>
var obj =window.showModalDialog("test.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(obj);
document.getElementById('uname').value=obj.uname;
document.getElementById('pwd').value=obj.pwd;
</script>
test.htm
<script>
var obj = new Object();
obj.uname="xxx";
obj.pwd="xxx";
window.returnValue=obj; </script>
一、showModalDialog和showModelessDialog有什么不同？
showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。
showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)
二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<html>和<body>之间的。
三、怎样才刷新showModalDialog和showModelessDialog里的内容？
在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合<base target="_self">使用，不然你按下F5会弹出新窗口的。
四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
<input type="button" value="关闭" onclick="window.close()">
也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。
五、showModalDialog和showModelessDialog数据传递技巧。
这个东西比较麻烦，我改了好几次了不是没办法说明白(语文水平越来越差了)，只好用个例子说明了。
例子：
现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name
一般的传递方式：
window.showModalDialog("filename.htm",var_name)
//传递var_name变量
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments)//读取var_name变量
window.dialogArguments="oyiboy"//设置var_name变量
这种方式是可以满足的，但是当你想在操作var_name同时再操作第二个变理var_id时呢？就无法再进行操作了。这就是这种传递方式的局限性。
以下是我建议使用的传递方式：
window.showModalDialog("filename.htm",window)
//不管要操作什么变量，只直传递主窗口的window对象
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments.var_name)//读取var_name变量.
window.dialogArguments.var_name="oyiboy"//设置var_name变量
同时我也可以操作var_id变量
alert(window.dialogArguments.var_id)//读取var_id变量
window.dialogArguments.var_id="001"//设置var_id变量
同样还可以对主窗口的任何对象进行操作，如form对象里的元素。
window.dialogArguments.form1.index1.value="这是在设置index1元素的值".
在父页面中用onClick=""var reVal = window.showModalDialog('changephoto.htm','dialogWidth:500px;dialogHeight:300px;help:no');if (typeof(reVal) != 'undefined') {form.textname.value=reVal;}"" style=""cursor:hand "">点击这里修改图片.
在字窗口'changephoto.htm'中打开一个框架集，框架集中包含一个asp文件，先将asp的值返回到changephoto.htm中 再将这个值返回到主页面中
changephoto.htm: <input type=button onclick="onClose();" value=" 关 闭 ">
function onClose() { window.returnValue = form1.save.value;//也可以将window.returnValue改成window.dialogArguments.oblogform.blogimage.value window.close(); }
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 :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。
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个字符。也可以传递对象，例如：
<script>
var obj = new Object();
obj.name="ttop";
window.showModalDialog("test.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script> test.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为：" + obj.name) </script>
2.可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。例如：
<script>
var obj =window.showModalDialog("test.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(obj);
document.getElementById('uname').value=obj.uname;
document.getElementById('pwd').value=obj.pwd;
</script>
test.htm
<script>
var obj = new Object();
obj.uname="xxx";
obj.pwd="xxx";
window.returnValue=obj; </script>
一、showModalDialog和showModelessDialog有什么不同？
showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。
showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P)
二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
在被打开的网页里加上<base target="_self">就可以了。这句话一般是放在<html>和<body>之间的。
三、怎样才刷新showModalDialog和showModelessDialog里的内容？
在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：
<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>
将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合<base target="_self">使用，不然你按下F5会弹出新窗口的。
四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
<input type="button" value="关闭" onclick="window.close()">
也要配合<base target="_self">，不然会打开一个新的IE窗口，然后再关掉的。
五、showModalDialog和showModelessDialog数据传递技巧。
这个东西比较麻烦，我改了好几次了不是没办法说明白(语文水平越来越差了)，只好用个例子说明了。
例子：
现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name
一般的传递方式：
window.showModalDialog("filename.htm",var_name)
//传递var_name变量
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments)//读取var_name变量
window.dialogArguments="oyiboy"//设置var_name变量
这种方式是可以满足的，但是当你想在操作var_name同时再操作第二个变理var_id时呢？就无法再进行操作了。这就是这种传递方式的局限性。
以下是我建议使用的传递方式：
window.showModalDialog("filename.htm",window)
//不管要操作什么变量，只直传递主窗口的window对象
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments.var_name)//读取var_name变量.
window.dialogArguments.var_name="oyiboy"//设置var_name变量
同时我也可以操作var_id变量
alert(window.dialogArguments.var_id)//读取var_id变量
window.dialogArguments.var_id="001"//设置var_id变量
同样还可以对主窗口的任何对象进行操作，如form对象里的元素。
window.dialogArguments.form1.index1.value="这是在设置index1元素的值".
在父页面中用onClick=""var reVal = window.showModalDialog('changephoto.htm','dialogWidth:500px;dialogHeight:300px;help:no');if (typeof(reVal) != 'undefined') {form.textname.value=reVal;}"" style=""cursor:hand "">点击这里修改图片.
在字窗口'changephoto.htm'中打开一个框架集，框架集中包含一个asp文件，先将asp的值返回到changephoto.htm中 再将这个值返回到主页面中
changephoto.htm: <input type=button onclick="onClose();" value=" 关 闭 ">
function onClose() { window.returnValue = form1.save.value;//也可以将window.returnValue改成window.dialogArguments.oblogform.blogimage.value window.close(); }
分享到：
发表评论
-
setTimeout , setInterval
2012-10-26 09:25 946[size=xx-large][size=x-small] ... -
常用正在表达式
2012-07-16 21:20 945验证数字：^[0-9]*$ 验证n位的数字：^\d{n} ... -
Window.Open详解
2012-07-13 11:00 762转自：http://www.iteye.com/topic/7 ... -
ztree左侧菜单jspDemo
2012-05-17 08:43 2138... -
淘宝的菜单树
2012-05-17 08:53 691出自：http://www.17jquery.com/j ... -
8款流行经典的企业网站常见css横向导航菜单
2012-05-17 08:53 800... -
简洁网上商城左侧鼠标点击展开与收缩
2012-05-16 17:22 0... -
经典蓝色横向二级导航栏
2012-05-17 08:54 1005... -
漂亮的蓝色横向二级导航菜单代码
2012-05-17 08:53 1210... -
很好的导航参考网站
2012-05-16 16:56 790如题非常NICE的网站 地址1：http://www.duic ... -
绿色质感菜单
2012-05-16 16:46 864<!DOCTYPE html PUBLIC " ... -
jquery左侧点击展开二级菜单导航插件
2012-05-16 16:43 2642... -
Jquery实现竖导航网页菜单
2012-05-16 16:39 1007... -
防京东左侧菜单
2012-05-16 16:38 941... -
JS 实现滚动条的一个好资料
2012-05-12 10:20 653http://www.n-son.com/scripts/js ... -
QUI 的 treeTable
2012-05-02 17:46 995QUI 的 treeTable 如题 -
仿 浏览器tab效果实现
2012-05-02 11:28 3648首先借用和分享下之前同学的成果呵呵 因为我认为他的比我的风骚 ... -
SyntaxHighlighter 代码高亮组件
2012-05-02 10:10 890示例代码： <!DOCTYPE html PUBLIC ... -
js简单实现tab滚动方法
2012-04-17 12:06 3152方法：主要通过js控制tab所属容器的 scrollLeft ... -
资料收集
2011-12-28 12:34 807好人博客：http://yusun.blog.163.com/ ...
相关推荐
window.showModalDialog以及window.open用法简介
`window.showModalDialog`和`window.open`是JavaScript中用于实现这一目标的两个关键函数。它们都可以创建新窗口，但有着不同的特性和使用场景。 首先，`window.open()`是一个广泛使用的函数，它可以在浏览器中打开...
var returnValue = window.showModalDialog(sURL, vArguments, sFeatures); var returnValue = window.showModelessDialog(sURL, vArguments, sFeatures); ``` 其中： - `sURL`：必需参数，表示对话框要显示的HTML...
本文将详细介绍如何利用`window.showModalDialog()`方法来实现这种参数传递，并提供具体的开发代码示例。 #### 二、基础知识 在了解如何实现对话框参数传递之前，我们需要先掌握一些基础知识： - **`window....
在JavaScript中，弹出窗口通常指的是使用`window.open()`、`window.showModalDialog()`或`window.showModelessDialog()`等方法创建的新窗口。这些方法在Web应用中常用于实现一些交互性的功能，如用户确认、数据输入...
例如，当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时，可以通过URL拼接参数来传递数据。但是，这种方式存在一些局限性： 1. **资源浪费**：如果参数不需要变化，每次跳转都会将这些参数发送...
做项目时，碰到了前台页面需要向弹出框传值并且需要使用弹出框的返回值的需要，一开始使用的prompt(); 发现ie浏览器时，prompt()弹出框的位置会固定在左上...后来使用window.showModalDialog(url,params,pos)方法 解决
Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体，不过他打开的是一个模态窗口，那么如何在父窗体和子窗体之间传值呢？我们先看该函数的定义：...
子窗体通常是由父窗体通过`window.open()`或`window.showModalDialog()`方法打开的新窗口，而父窗体则是创建子窗体的那个原始窗口。 在提供的代码示例中，主要涉及以下关键知识点： 1. `window.dialogArguments`：...
这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及如何在实际操作中使用它们。 首先，我们来看父窗口的代码。在给定的示例中，父窗口是一个HTML页面...
本文将深入探讨如何使用JavaScript实现子父窗体之间的数据交互，主要关注`window.showModalDialog()`方法。 `window.showModalDialog()` 是一个用于打开模态对话框的函数，它会阻止用户与对话框之外的任何内容进行...
var result = window.showModalDialog(url, arguments, features); ``` 在这段代码中： - `url` 是子窗体的URL，可以是相对路径或绝对路径。 - `arguments` 可选，用于传递到子窗体的参数对象。 - `features` 可选...
return window.showModalDialog(url + "Datetime=" + GetTime(), document, "dialogWidth:" + width + "px;dialogHeight:" + height + "px;help:0;status:0;scroll:auto;center:1;resizable:1;"); } ``` 在父页面...
`window.showModalDialog()` 方法打开一个具有模态对话框效果的新窗口。用户必须关闭该对话框才能与原始页面进行交互。参数与`window.open()`类似，但返回值可以用来传递数据回原窗口。 示例： ```javascript ...
在上述示例中，父窗口通过`window.showModalDialog`方法弹出了一个模态对话框，这个对话框可以看作是子窗口。`window.showModalDialog`是IE浏览器特有的方法，它能创建一个可以返回结果的模态对话框。它的参数包括要...
总的来说，JavaScript实现弹出模态窗体并接受传值的关键在于使用`window.showModalDialog()`方法，以及正确构造URL以传递参数。尽管存在浏览器兼容性问题，但通过适当的库和处理策略，我们可以创建出符合需求的交互...