`

js的打开子窗口 shwoModalDialog

 
阅读更多

js的打开子窗口 shwoModalDialog

基本介绍:
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 :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是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。

参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取,例如:
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();


http://www.mwjx.com/bbs/html/20000/18833.html
基本介绍:
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 :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是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。

参数传递方法:
父窗口向子窗口传递参数采用ShowModalDialog的第2个参数即可,父窗口要获取子窗口传回的参数则可通过ShowModalDialog函数的返回值获取。
子窗口获取父窗口参数的方法为采用子窗口window对象dialogArguments属性获取,例如:
var a=window.dialogArguments;
子窗口向父窗口返回参数采用window.returnValue属性,如:
window.returnValue=1;
window.close();

 
分享到:
评论

相关推荐

    js关闭子窗口

    在JavaScript中,关闭一个弹出的或打开的子窗口(通常是由`window.open()`方法创建的)可以通过调用该窗口对象上的`close()`方法来实现。下面提供了一些基本的示例。 ```javascript function closeWindow() { ...

    js 控制父子窗口 转向

    标题"js 控制父子窗口 转向"所涉及的知识点主要集中在如何使用JavaScript来实现子窗口对父窗口的控制,以及父窗口对子窗口的导航操作。下面将详细阐述这些知识点。 首先,我们需要理解浏览器窗口的概念。在...

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript实现IFrame子窗口调用父窗口的全局变量

    JavaScript操作iframe父窗口和子窗口例子

    JavaScript操作iframe父窗口和子窗口是一种常见的Web开发技术,它涉及到网页交互和页面通信。在Web应用程序中,iframe(Inline Frame)常用于嵌入其他网页或者实现页面的局部刷新,而父窗口与子窗口之间的通信则能...

    JS打开新窗口防止被浏览器阻止的方法

    本文实例讲述了JS打开新窗口防止被浏览器阻止的方法。分享给大家供大家参考。具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法...

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    本文将深入探讨如何使用JavaScript打开新窗口,并实现窗口居中和自定义窗口属性。 首先,我们来了解基本的`window.open()`方法。这个方法接受两个参数:要打开的URL和新窗口的名称。例如: ```javascript window....

    基于JavaScript的网页子窗口的创建.pdf

    基于JavaScript的网页子窗口的创建 本资源摘要信息主要介绍了基于JavaScript的网页子窗口的创建,涵盖了HTML语言、JavaScript脚本语言、网页子窗口的创建等重要知识点。 1. HTML语言 HTML(HyperText Markup ...

    js父窗口跟子窗口的互刷

    在JavaScript编程中,"父窗口跟子窗口的互刷"是指在浏览器环境中,一个窗口(父窗口)与打开的新窗口(子窗口)之间进行数据交换和状态更新的技术。这种技术通常用于实现弹出窗口间的通信,例如购物车详情或者多步骤...

    JS打开新窗口的2种方式

    JS打开新窗口的2种方式 JS打开新窗口的2种方式 JS打开新窗口的2种方式

    JavaScript实现弹出子窗口并传值给父窗口

    在JavaScript中,弹出子窗口并传递值给父窗口是一个常见的需求,特别是在构建交互式的Web应用时。这个过程可以通过使用`window.open()`或`window.showModalDialog()`函数来实现。让我们详细了解一下这两个方法以及...

    JavaScript实际应用子窗口和父窗口

    ### JavaScript 实际应用:子窗口与父窗口交互详解 在前端开发中,有时我们需要实现不同窗口之间的信息交换,比如从父窗口向子窗口传递数据,或者反过来从子窗口向父窗口返回信息。本文将通过具体示例来详细介绍...

    刷新父窗口的多种方法

    在打开一个新的窗口或者弹出一个子窗口后,有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见,例如,在用户完成了一个表单填写并提交后,我们可能希望关闭这个弹出窗口并刷新主页面,以便用户能够看到最新的...

    HTML中IFrame父窗口与子窗口相互操作

    使用`document.frames`对象(在IE中)或`contentDocument`属性(在非IE浏览器如Firefox中)可以访问子窗口的DOM元素。例如,`document.frames("ObjectID").document.getElementById("ContentID")`或`document....

    父窗口调用iframe子窗口方法

    在JavaScript中,我们可以通过特定的方式让父窗口与`iframe`子窗口进行通信。 要实现父窗口调用`iframe`子窗口的方法,主要涉及以下步骤: 1. **获取iframe引用**: 在JavaScript中,可以使用`document....

    JS子父窗口互相操作取值赋值的方法介绍

    当我们打开多个浏览器窗口时,有时需要进行子窗口与父窗口之间的交互操作,比如从父窗口向子窗口取值赋值,或者相反操作。以下内容将详细介绍在JS中如何实现子父窗口之间的互相操作取值赋值。 首先,在JS中,我们...

    用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

    ### 使用JavaScript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口 在Web开发过程中,有时我们需要实现一些特定的交互逻辑来满足用户需求或提高用户体验。例如,本文所探讨的问题:如何使用...

    js中打开新窗口的各种方法.doc

    在JavaScript中,打开新窗口是常见的操作,常用于创建弹出窗口、对话框或实现特定交互。`window.open`函数是实现这一功能的核心方法。它接受三个参数:要打开的URL、新窗口的名称(可选)以及一个包含窗口属性的字符...

    可以拖动的子窗口

    在IT领域,创建一个可以拖动的子窗口是一项常见的任务,尤其在开发图形用户界面(GUI)应用程序时。这样的功能增强了用户体验,使用户能够根据个人需求自由调整窗口的位置。在这个场景中,"可以拖动的子窗口"指的是...

    js创建子窗口并且回传值示例代码

    这通常会使用JavaScript中的`showModalDialog()`函数,它不仅可以打开子窗口,还能在子窗口关闭时返回一个值。`showModalDialog()`函数的语法如下: ```javascript var valueReturned = window.showModalDialog...

    JavaScript中的子窗口与父窗口的互相调用问题

    在JavaScript中,当子窗口打开时,通过window.open()方法创建的新窗口实例会被存储在一个变量中,该变量引用子窗口对象,反之亦然。父窗口通过这个引用可以控制子窗口,子窗口也可以通过它访问父窗口。 在使用...

Global site tag (gtag.js) - Google Analytics