ShowModalDialog函数的功能:
打开一个子窗口,并且可与父窗口相互传递数据,它与window.open的最大区别就在于由ShowModalDialog打开子窗口后,父窗口将不能操作。
使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
参数说明:
sURL
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
dialogHeight 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
dialogWidth: 对话框宽度。
dialogLeft: 距离桌面左的距离。
dialogTop: 离桌面上的距离。
center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no [Modal]。
scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取,例如:
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();
接下来,就是取得父窗口的一些数据和方法,这是经常会用的
//取得父窗口的JS变量 var
window.dialogArguments.var;
//获得父窗口的对象和属性
window.dialogArguments.form1.name.value ;
//调用父窗口的方法 fun
window.dialogArguments.fun() ;
改变模态窗口大小
1.html
改变对话框的大小<script>
function showdialog(){
window.showModalDialog("2.html","",'edge: Raised; center: Yes; help: Yes; resizable: Yes; status: No;dialogHeight:200px;dialogWidth:300px');
}
</script>
2.
改变对话框的大小<script language="JavaScript">
function Resize_dialog(t,l,w,h) {
window.dialogTop = t+"px";
window.dialogLeft = l+"px";
window.dialogHeight = h+"px";
window.dialogWidth = w+"px";
}
</script>
分享到:
相关推荐
- 给定代码中的`window.showModalDialog`函数就是用来弹出模态窗口的。该函数接收三个参数:模态窗口的URL、调用者的窗口对象以及窗口的配置选项。 ### 二、实现逻辑分析 #### 1. 模态窗口弹出逻辑 - `function ...
#### IE中的模态窗口:`window.showModalDialog()` `window.showModalDialog()`是IE4及以上版本支持的方法,用于显示模态对话框。其语法如下: ```javascript vReturnValue = window.showModalDialog(sURL[, ...
1. **原生JavaScript**:使用`window.showModalDialog()`函数是早期实现模态窗口的一种方式,但它只在IE浏览器中可用。该方法接受三个参数:模态窗口的URL、父窗口对象和窗口属性字符串。然而,此方法在非IE浏览器中...
下面是一个使用`window.showModalDialog()`创建模态窗口的示例: ```javascript var mxh1 = new Array("mxh", "net_lover", "E"); var mxh2 = window.open("about:blank", "window_mxh"); // 打开模态窗口 window....
这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...
本文将深入探讨如何使用`showModalDialog`实现多层模态窗口的页面提交及刷新。 首先,我们来看一下如何在第N层(N>1)的模态窗口中链接到其他页面或刷新当前页。由于`showModalDialog`打开的窗口是阻塞的,直接使用...
在 ASP.NET 中,实现模态窗口可以通过使用 `showModalDialog` 和 `showModelessDialog` 两个方法。这些方法可以用来创建一个显示 HTML 内容的模态或非模态对话框。 showModalDialog 方法 `showModalDialog` 方法...
该参数可以设置对话框的高度、宽度、左边缘和上边缘的距离、是否居中、是否显示帮助按钮、是否可改变大小、是否显示状态栏等属性。 参数传递 可以通过 vArguments 来传递参数,类型不限制,对于字符串类型,最大为...
在JavaScript编程中,模态窗口和非模态窗口是两种重要的交互方式,它们用于与用户进行更复杂的交互,提供信息或获取用户输入。模态窗口强制用户先处理该窗口,而不能与页面其他部分交互,直到关闭为止。非模态窗口则...
模态窗口有两种常见的实现方式:`alert()`, `prompt()`, 和 `confirm()` 这些内置函数,以及自定义的模态对话框。这里提到的是自定义模态对话框,通常通过`showModalDialog()`方法实现,该方法可以提供更灵活的界面...
模态窗口可以通过调用`window.showModalDialog()`方法来打开。此方法接受三个参数: - **url**:表示要加载的模态窗口HTML页面的URL。 - **arguments**:表示传递给模态窗口的参数。 - **features**:表示模态窗口的...
`showModalDialog` 是一个非常实用的功能,允许创建模态对话框(即用户必须与之交互才能继续使用页面其他部分的窗口)。然而,在某些情况下,我们可能希望在关闭弹出窗口后,不刷新父窗口(即打开弹出窗口的页面),...
首先,`showModalDialog`是一个老式的对话框函数,它能够弹出一个模态窗口,即用户必须关闭这个窗口后才能继续与主页面交互。`showModalDialog`接受三个参数:对话框的URL、对话框初始化的数据以及对话框的样式。...
JavaScript中的模态窗口和非模态窗口是网页交互中常用的功能,它们用于向用户展示信息、获取用户输入或执行特定任务。模态窗口会阻止用户与页面其他部分的交互,直到对话框关闭;而非模态窗口则允许用户在多个窗口间...
在现代网页设计中,模态窗口是一种常见且实用的界面元素,它能够以悬浮层的形式提供用户交互,而不会使用户离开当前页面。父子窗口间的相互传值是Web开发中经常遇到的一个需求,尤其当模态窗口被用作子窗口时。本文...
js调用模态窗口的asp页面模板。调用示例: var vmyasp="abc.asp?id="+id; var vbt1="页面窗口title"; var vbt2="附加的title"; var myretu=window.showModalDialog("mywindow.asp?bt1="+escape(vbt1)+"&bt2;="+...
在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...
在JavaScript中,`showModalDialog`是一个非常有用的函数,它允许我们打开一个新的浏览器窗口或对话框,并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...
标题中的“模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用”揭示了一个常见的Web开发问题,涉及到浏览器兼容性。模态窗口(Modal Window)是一种用户界面元素,它在显示时会阻止用户与页面其他...