`
huibin
  • 浏览: 757143 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

showModalDialog使用方法

    博客分类:
  • JS
阅读更多

----   在传统的WINDOWS   EXE程序中,模态对话框经常出现。例如,写字板程序(WORDPAD.EXE)中的“查看/选项(O)...”菜单被点中后,跳出“选项”对话框,用户一定要响应该对话框,如果该对话框不关闭,是无法回到主窗口的。这经常被应用于要求用户输入多个参数的场合。我们在浏览器中也可以简单地实现该功能。    
  ----   在IE浏览器中,要求用户输入可以使用VBScript的INPUTBOX函数、或者J   Script的window.prompt方法,但是界面都比较单调,并且只能传递一个参数,而用DHTML来实现就灵活多了。    
   
  ----   1.   基本语法    
   
  ----   window对象有一个方法称为showModalDialog,我们可以在页面按钮的onclick中写如下代码:    
   
  <   BUTTON   onclick="window.showModalDialog  
  ('dialog.htm')"   >Search<   /BUTTON   >  
   
  ----   系统会在新窗口中打开dialog.htm页面,并且等待用户响应,如果用户不响应该页面,那么主页面将得不到光标。    
  ----   在dialog.htm中设置window对象的returnValue属性,就可以让主页面得到返回值。例如,在页面的确定按钮的onclick中写:    
   
  window.returnValue   =   window.  
          document.all.iptPeopleID.value  
   
  ----   将输入框iptPeopleID的值赋给window对象的returnValue属性。在主页面中就可以得到这个值:    
          var   str   =   showModalDialog("dialog1.htm")  
   
  ----   2.   传递初始化值    
  ----   如果要向模态页面中传递初始化值,可以在主页面中用如下语句:    
   
  var   cSearchValue=showModalDialog  
  ('dialog.htm',   'ABC')  
  在dialog.htm中使用window.dialogArguments  
  属性可以得到'ABC'。例如:  
  <   SCRIPT   FOR=window   EVENT=onload   LANGUAGE="JScript"   >  
  if   (window.dialogArguments   !=   null)  
                  window.document.all.iptPeopleID.value   =   window.dialogArguments;  
  <   /SCRIPT   >  
   
  ----   3.   传递多个数值    
  ----   如果要向模态页面中传递多个参数,可以先在主页面中定义一个对象,    
   
  function   myDialog()   {  
          var   str1;  
          var   str2;  
  }  
   
  ----   显示模态页面之前初始化该对象,然后调用showModalDialog方法。    
  function   WelcomeYou(iniStr1,iniStr2)   {  
          myDialog.str1   =   iniStr1;  
          myDialog.str2   =iniStr2   ;  
   
  if   (showModalDialog("dialog2.htm",   myDialog)  
  ==false)   //将对象传入  
  ......  
   
  ----   在模态页面中,可以用这样的代码    
  window.document.all.iptID.value=    
  window.dialogArguments.str1  
  来引用数值,或者用这样的代码对之赋值  
  window.dialogArguments.str1   =  
  window.document.all.iptID.value  
   
  ----   完整例程如下:    
  ----   对于只传递一个参数的情况,见:Main1.htm和dialog1.htm。    
   
  ----   对于传递多个参数的情况,见:Main2.htm和dialog2.htm。    
   
   
  父窗体:  
  dim   xxx   '返回值  
  dim   yyy   '传到子窗体的参数    
  var   xxx   =   ShowModalDialog('xxx.asp','yyy','dialogWidth:100px;DialogHeight=290px;status:no')  
  子窗体:  
  dim   yyy   '从父窗体传来的参数  
  dim   xxx   '传回父窗体的参数    
  yyy   =   window.dialogArguments  
  xxx   =   window.returnValue 

分享到:
评论

相关推荐

    Window.ShowModalDialog使用手册

    在JavaScript编程语言中,`Window.showModalDialog()`方法是一个非常重要的功能,主要用于打开一个模态对话框,即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...

    window.showModalDialog方法的使用

    下面我们将详细探讨`window.showModalDialog`的使用及其相关知识点。 首先,`window.showModalDialog`的基本语法如下: ```javascript var returnValue = window.showModalDialog(url, [dialogArguments], ...

    使用selenium测试showModalDialog模态对话框

    然而,对于某些特定的功能,比如 Internet Explorer 中的 `showModalDialog` 方法,Selenium 存在一定的局限性。`showModalDialog` 是一个古老的浏览器API,用于创建模态对话框,它会阻塞页面的JavaScript执行,直到...

    showModalDialog和showModelessDialog使用心得

    ### showModalDialog和showModelessDialog使用心得:深入解析与实践 在Web开发中,`showModalDialog` 和 `showModelessDialog` 是两种用于创建弹出窗口的方法,它们各自具有独特的特性和应用场景。本文将详细解析这...

    showModalDialog和open方法demo实例

    在`DialogDemo`这个实例中,可能包含了使用`showModalDialog`方法创建对话框的代码和相关HTML、CSS和JavaScript文件,供开发者学习和参考。通过查看和运行这些示例,你可以更好地理解这两个方法的用法和效果。在实际...

    showModalDialog()、showModelessDialog()方法的使用.

    在Web开发中,有时我们...需要注意的是,这两个方法在现代浏览器中支持度有限,尤其是跨浏览器兼容性问题,因此在新的项目中可能会考虑使用更通用的解决方案,如Bootstrap的模态框或者其他前端框架提供的对话框组件。

    解决window.showModalDialog跨域返回值

    1. 使用`window.showModalDialog`打开一个包含`iframe`的页面,`iframe`加载目标站点。 2. 目标站点通过修改`iframe`的`src`属性或提交表单等方式与主页面通信。 3. 主页面通过URL参数接收目标站点返回的值,并关闭`...

    showModalDialog参数传递和获

    `showModalDialog`方法的参数传递和获取是它功能的关键部分,下面我们将详细讨论。 ### 1. `showModalDialog`方法的基本语法 `showModalDialog`接受三个主要参数: - **URL**:指定对话框加载的页面URL,可以是...

    showModalDialog

    "showModalDialog"是JavaScript中的一个古老但仍然有用的弹出窗口方法,用于在浏览器环境中打开一个新的对话窗口。这个方法在Web开发中主要用于创建模态对话框,即那些阻止用户与页面其余部分交互直到对话框被关闭的...

    showModalDialog技术文章

    这篇名为"showModalDialog技术文章"的博客文章可能详细介绍了这个API的使用方法、优缺点以及一些实际应用场景。 `showModalDialog`函数在JavaScript中被用来创建一个阻塞式的对话窗口,这意味着用户必须与对话框...

    javascript showModalDialog模态对话框使用说明

    1. 标准的方法 代码如下: [removed] function openWin(src, width, height, showScroll){ window.showModalDialog (src,””,”location:No;status:No;help:No;dialogWidth:”+width+”;dialogHeight:”+height+”;...

    针对window.showmodaldialog弹出窗体无刷新的详细使用

    本文将详细介绍`window.showModalDialog`的使用方法及其相关知识点。 1. **基本语法** `window.showModalDialog` 的基本调用形式如下: ```javascript var returnValue = window.showModalDialog(url, window, ...

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

    让我们深入探讨一下`showModalDialog`的使用方法及其相关知识点。 首先,`showModalDialog`的基本语法如下: ```javascript var returnValue = window.showModalDialog(url, arguments, features); ``` - `url`:...

    showModalDialog及dialogArguments使用

    总之,`showModalDialog`和`showModelessDialog`提供了强大的功能来增强用户界面的交互性,但需要注意的是,这些方法是IE浏览器特有的,对于跨浏览器兼容性的项目,建议寻找替代方案,如使用现代Web技术如HTML5的`...

    如何使用showModalDialog

    本篇文章将深入探讨`showModalDialog`的使用方法、参数、返回值以及它在现代Web开发中的地位。 `showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, features); ``` 1. ...

    showModalDialog跨域解决例子

    然而,当尝试使用`showModalDialog`在不同源之间打开页面时,同样会遭遇跨域限制。标题"showModalDialog跨域解决例子"表明我们将探讨如何克服这个限制。 首先,理解跨域的原理至关重要。同源策略是浏览器为了安全而...

    Window.ShowModalDialog使用手册_对话框 .txt

    ### Window.ShowModalDialog 使用手册详解 #### 一、概述 `Window.ShowModalDialog` 是一个在 Internet Explorer 浏览器中特有的方法,用于创建模态对话框。此方法允许开发者在一个新的窗口中打开一个HTML页面,...

    window.showModalDialog模式对话框和 window.open的区别

    `window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...

    页面弹窗实现用的showModalDialog方法

    其中,`showModalDialog` 和 `showModelessDialog` 方法是早期Internet Explorer浏览器中用于创建模态和非模态对话框的强大工具。尽管这些方法在现代浏览器中的支持有限,但在了解其工作原理和功能方面,仍具有一定...

Global site tag (gtag.js) - Google Analytics