`

window.open、window.showModalDialog和window.showModelessDialog

    博客分类:
  • js
 
阅读更多
1.前言
要打开一个可以载入页面的子窗口有三种方法,分别是

  • window.open()
  • window.showModalDialog()
  • window.showModelessDialog()

open方法就是打开一个页面,可以说同用url链接打开一个页面一样,不推荐使用,因为很多浏览器会拦截。这里推荐使用的是window.showModalDialog和window.showModelessDialog。

2.showModalDialog和showModelessDialog的使用方法
语法:
vReturnValue = window.showModalDialog(sURL [, vArguments][,sFeatures])
vReturnValue = window.showModelessDialog(sURL [,vArgument][,sFeatures])
参数说明:
sURL--
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。

3.showModalDialog和showModelessDialog的区别
showModalDialog:被打开后就会始终保持输入焦点,除非对话框被关闭,否则用户无法切换到父窗口,类似alert的运行效果。
showModelessDialog:被打开后,用户可以随机切换输入焦点。对主窗口没有任何影响,最多是被挡住一下而以。

分享到:
评论

相关推荐

    window.showModalDialog以及window.open用法简介

    Window.showModalDialog 和 Window.open 用法简介 Window.showModalDialog 和 Window.open 都是 JavaScript 中的方法,用于创建新窗口或对话框,下面分别介绍它们的用法和参数。 一、Window.open() 方法 Window....

    js的window.showModalDialog及window.open用法实例分析

    总结来说,`window.open`适合创建非阻塞的新窗口,而`window.showModalDialog`和`window.showModelessDialog`则用于创建具有特定交互模式的对话框。选择哪个方法取决于应用的具体需求,比如是否需要用户在完成对话框...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    总的来说,`window.showModalDialog()`和`window.showModelessDialog()`是JavaScript中较老的弹出对话框技术,它们提供了对对话框外观和行为的控制,但在现代Web开发中,由于浏览器兼容性和可访问性问题,已被其他...

    ShowDialog的使用心得

    这里提到的`ShowDialog`实际上是指通过JavaScript中的`window.open()`方法及Internet Explorer特有的`window.showModalDialog()`和`window.showModelessDialog()`方法来实现的。下面将详细介绍这些方法的具体用法...

    JavaScript中window.showModalDialog()用法详解

    一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗口,只有子窗关闭,父窗口才激活,并且可以传送参数和返回值。正好又温习一遍用法,顺便在此记录过程中遇到的问题。 基本介绍:  ...

    js模式化窗口问题![window.dialogArguments]

    - `window.showModelessDialog()`则是IE5+支持的非模态对话框,允许用户同时与对话框和父窗口进行交互。 2. 显示样式问题: 使用`window.showModalDialog()`时,可能遇到不同浏览器下显示尺寸不一致的问题。例如...

    showModelessDialog使用详解

    ### showModelessDialog...总结而言,`showModelessDialog()`为开发者提供了创建非模态对话框的能力,从而增强了应用程序的交互性和用户体验。然而,由于其兼容性限制,开发者在实际应用中需要谨慎选择合适的技术方案。

    javascript网页对话框.pdf

    本文主要关注JavaScript中的两种弹出窗口技术:`window.open`和`window.showModalDialog`/`window.showModelessDialog`。 首先,`window.open`是JavaScript中最常见的用于打开新窗口的方法。它接受三个参数:`url`...

    html 模态窗口使用

    尽管`window.showModalDialog()`和`window.showModelessDialog()`为IE提供了一种创建模态和非模态对话框的简便方法,但考虑到IE的市场份额不断下降以及对现代Web标准的支持不足,开发者应考虑使用更广泛的跨浏览器...

    ASP.NET打开新页面

    `showModelessDialog`和`showModalDialog`方法可以分别创建非模态和模态对话框,前者允许用户在对话框打开时继续与原页面交互,而后者则会阻止用户与原页面的其他部分互动,直到对话框关闭。 #### 注册自定义客户端...

    javaScript聊天窗口

    JavaScript 提供了多种方式来创建弹出窗口,其中最常见的两种方法是 `window.open()` 和 `window.showModalDialog()` 及 `window.showModelessDialog()` 方法。 ##### 2.1 `window.open()` `window.open()` 方法...

    javascript网页对话框.docx

    本文将深入探讨JavaScript中用于创建对话框的两种主要方法:`window.open`和`showModalDialog()`、`showModelessDialog()`。 首先,我们来看`window.open`函数。这个函数用于在新的浏览器窗口中打开一个页面,其...

    javascript弹出窗口命令总结

    本文将详细介绍 `window.open`, `window.alert`, `window.confirm`, `window.prompt`, `window.showModalDialog` 和 `window.showModelessDialog` 的使用方法及其参数配置。 #### 二、window.open `window.open` ...

    子窗口向父窗口传递值

    对于使用`window.showModalDialog()`或`window.showModelessDialog()`方法打开的对话框,原理是类似的,只是调用方式和返回值处理略有不同。`showModalDialog()`可以返回一个值,这个值可以作为对话框关闭时的结果...

    打开新窗口的几种方法

    与`window.showModelessDialog()`类似,但使用`window.showModalDialog()`打开的是一个模式对话框,即在对话框关闭之前,主窗口无法进行任何操作。示例代码如下: ```csharp Response.Write("<script>window....

    JS弹出窗口的各种传值方法.pdf

    在JavaScript中,弹出窗口通常指的是使用`window.open()`、`window.showModalDialog()`或`window.showModelessDialog()`等方法创建的新窗口。这些方法在Web应用中常用于实现一些交互性的功能,如用户确认、数据输入...

    JS 常用代码集合

    JavaScript还提供了两种特殊的对话框函数,`showModalDialog()`和`showModelessDialog()`,它们创建的对话框具有更多的交互性和控制性。`showModalDialog()`打开的窗口是模式化的,这意味着用户必须关闭对话框才能...

    javascript弹出对话框总结

    无论是使用`window.open()`还是模态/非模态对话框,都可以通过`window.opener`属性来引用打开当前窗口的窗口,从而实现子窗口与父窗口之间的数据传递和交互。例如,子窗口可以使用`window.opener.location.reload()`...

    模态窗口demo及说明

    ### 模态窗口demo及说明 ...尽管`window.showModalDialog()`和`window.showModelessDialog()`提供了方便的功能,但由于它们是非标准方法,在实际项目中应考虑使用更广泛的解决方案来确保良好的跨浏览器兼容性。

    showModelessDialog()使用详解

    如: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的...

Global site tag (gtag.js) - Google Analytics