`
Jugglecat
  • 浏览: 2484 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

ShowModalDialog函数、改变模态窗口大小

阅读更多
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 ...

    html 模态窗口使用

    #### IE中的模态窗口:`window.showModalDialog()` `window.showModalDialog()`是IE4及以上版本支持的方法,用于显示模态对话框。其语法如下: ```javascript vReturnValue = window.showModalDialog(sURL[, ...

    模态窗口解决方案

    1. **原生JavaScript**:使用`window.showModalDialog()`函数是早期实现模态窗口的一种方式,但它只在IE浏览器中可用。该方法接受三个参数:模态窗口的URL、父窗口对象和窗口属性字符串。然而,此方法在非IE浏览器中...

    模态窗口demo及说明

    下面是一个使用`window.showModalDialog()`创建模态窗口的示例: ```javascript var mxh1 = new Array("mxh", "net_lover", "E"); var mxh2 = window.open("about:blank", "window_mxh"); // 打开模态窗口 window....

    使用selenium测试showModalDialog模态对话框

    这段代码首先定义了一个JavaScript字符串,用于重写 `showModalDialog` 方法,将其替换为 `window.open` 函数,这样对话框将以非模态窗口的形式打开,Selenium 就可以继续执行并选中这个新窗口。然后,代码模拟点击...

    javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码

    本文将深入探讨如何使用`showModalDialog`实现多层模态窗口的页面提交及刷新。 首先,我们来看一下如何在第N层(N&gt;1)的模态窗口中链接到其他页面或刷新当前页。由于`showModalDialog`打开的窗口是阻塞的,直接使用...

    ASP.NET模态窗口的实现

    在 ASP.NET 中,实现模态窗口可以通过使用 `showModalDialog` 和 `showModelessDialog` 两个方法。这些方法可以用来创建一个显示 HTML 内容的模态或非模态对话框。 showModalDialog 方法 `showModalDialog` 方法...

    关于jsp网页设计的模态和非模态窗口

    该参数可以设置对话框的高度、宽度、左边缘和上边缘的距离、是否居中、是否显示帮助按钮、是否可改变大小、是否显示状态栏等属性。 参数传递 可以通过 vArguments 来传递参数,类型不限制,对于字符串类型,最大为...

    模态窗口和非模态窗口

    在JavaScript编程中,模态窗口和非模态窗口是两种重要的交互方式,它们用于与用户进行更复杂的交互,提供信息或获取用户输入。模态窗口强制用户先处理该窗口,而不能与页面其他部分交互,直到关闭为止。非模态窗口则...

    javascript调用的模态窗口

    模态窗口有两种常见的实现方式:`alert()`, `prompt()`, 和 `confirm()` 这些内置函数,以及自定义的模态对话框。这里提到的是自定义模态对话框,通常通过`showModalDialog()`方法实现,该方法可以提供更灵活的界面...

    HTML模态窗口

    模态窗口可以通过调用`window.showModalDialog()`方法来打开。此方法接受三个参数: - **url**:表示要加载的模态窗口HTML页面的URL。 - **arguments**:表示传递给模态窗口的参数。 - **features**:表示模态窗口的...

    showModalDialog 弹出窗口关闭不刷新父窗口最终实现了

    `showModalDialog` 是一个非常实用的功能,允许创建模态对话框(即用户必须与之交互才能继续使用页面其他部分的窗口)。然而,在某些情况下,我们可能希望在关闭弹出窗口后,不刷新父窗口(即打开弹出窗口的页面),...

    JavaScript常用的窗口函数(showModalDialog,open,confirm)

    首先,`showModalDialog`是一个老式的对话框函数,它能够弹出一个模态窗口,即用户必须关闭这个窗口后才能继续与主页面交互。`showModalDialog`接受三个参数:对话框的URL、对话框初始化的数据以及对话框的样式。...

    JS--的模态窗口应用

    JavaScript中的模态窗口和非模态窗口是网页交互中常用的功能,它们用于向用户展示信息、获取用户输入或执行特定任务。模态窗口会阻止用户与页面其他部分的交互,直到对话框关闭;而非模态窗口则允许用户在多个窗口间...

    js操作模态窗口及父子窗口间相互传值示例

    在现代网页设计中,模态窗口是一种常见且实用的界面元素,它能够以悬浮层的形式提供用户交互,而不会使用户离开当前页面。父子窗口间的相互传值是Web开发中经常遇到的一个需求,尤其当模态窗口被用作子窗口时。本文...

    供模态窗口调用的页面模板(asp)

    js调用模态窗口的asp页面模板。调用示例: var vmyasp="abc.asp?id="+id; var vbt1="页面窗口title"; var vbt2="附加的title"; var myretu=window.showModalDialog("mywindow.asp?bt1="+escape(vbt1)+"&bt2;="+...

    showModalDialog刷新窗口的例子

    在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...

    showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口

    在JavaScript中,`showModalDialog`是一个非常有用的函数,它允许我们打开一个新的浏览器窗口或对话框,并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...

    模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用

    标题中的“模态窗口,在IE下是模态,在FF下不是模态,作了最大的努力来实现通用”揭示了一个常见的Web开发问题,涉及到浏览器兼容性。模态窗口(Modal Window)是一种用户界面元素,它在显示时会阻止用户与页面其他...

Global site tag (gtag.js) - Google Analytics