`

window.showModalDialog应用

阅读更多
背景说明:
1、在主窗口页面中点击按钮或链接触发事件弹出有模式窗口(对话框);
2、关增长对话框后需要传值到主窗口;

示例:

1、在主窗口界面中加入类似以下JS函数,名字自定义:
 <script language="javascript">
  function aa(){
	var obj = new Object();
	var result = window.showModalDialog("bb.html",obj,"dialogWidth=800px;dialogHeight=500px");
	if(result!=null){
	    alert(result);
	}
  }
 </script>


2、在HTML页面中调用第一步的1的函数:
<input type="button" value="window" onclick="javascript:aa();">



3、新建一个HTML文件作为弹出窗口要操作的界面(例中用的是bb.html):
<input type="button" value="submit" onclick="javascript:dd();">

  <script language="javascript">
  function dd(){
      window.returnValue="http://homepage.yesky.com";
      window.close();//关闭弹出窗口
  }
 </script>




分享到:
评论

相关推荐

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

    这些文件可能用于实现用户管理或人员选择等功能,与`window.showModalDialog`和`window.open`的使用直接关联不大,但在实际Web应用中,这些JSP文件可能会用到这两种弹窗方法来创建用户交互界面。例如,`member-admin...

    Window.ShowModalDialog使用手册

    在JavaScript编程语言中,`Window.showModalDialog()`...总的来说,虽然`Window.showModalDialog()`在某些场景下仍可能有其应用,但随着Web开发趋势的变化,了解和掌握更现代、更灵活的对话框解决方案是非常必要的。

    JS 弹出对话框window.showModalDialog()

    ### JS弹出对话框 `window.showModalDialog()` 的使用与详解 #### 一、`window.showModalDialog()` 概述 在JavaScript中,`window.showModalDialog()` 是一个非标准但广泛使用的API,用于创建模态对话框。模态...

    window.showModalDialog(javascript)

    【window.showModalDialog() 方法详解】 在Web开发中,JavaScript提供了两种对话框方式来与用户交互,即模态对话框和非模态对话框。本文将重点介绍模态对话框的使用方法`window.showModalDialog()`。 模态对话框是...

    window.showModalDialog的基本用法

    `window.showModalDialog` 和 `window.showModelessDialog` 提供了灵活的方式来创建弹出对话框,适用于需要与用户进行交互的应用场景。需要注意的是,这两个函数仅在 IE 浏览器中可用,并且由于现代浏览器的限制,...

    关于struts2里用javascript刷新window.showModalDialog的父页面

    ### 关于Struts2中利用JavaScript刷新window.showModalDialog的父页面 在Web开发中,尤其是在使用Struts2框架进行项目开发时,我们经常会遇到需要弹出模态对话框(modal dialog)的需求。其中一个常见的场景就是...

    window.showModalDialog的一个domo模型

    这个示例是学习和理解`window.showModalDialog`的一个很好的实践,它展示了如何在不同窗口之间进行通信,这对于创建复杂的交互式Web应用非常有用。不过,需要注意的是,`showModalDialog`在现代浏览器中的支持情况并...

    ShowModalDialog与window.open的区别

    ### ShowModalDialog与window.open的区别 #### 一、概述 在Web开发中,有时需要创建新的浏览器窗口或对话框来实现特定功能,如显示警告、输入数据等交互操作。JavaScript 提供了两种常用的方法来创建这类窗口:`...

    window.showModalDialog('d.html',fault,'');

    在这个例子中,`window.showModalDialog` 是用来显示一个模态窗口,用户必须与该窗口交互(关闭它)才能继续在主窗口中操作。我们来详细探讨这个知识点。 `window.showModalDialog` 是一个古老的浏览器内置函数,...

    JavaScript中window.showModalDialog()用法详解

    - 当子窗口关闭时,其window.returnValue的值会被设置为父窗口中window.showModalDialog()方法调用的返回值。 - 在IE浏览器中,window.showModalDialog()方法支持得比较好,但在其它一些浏览器中可能不完全支持,...

    'window.ShowModalDialog'在Chrome中不起作用

    在ASP.NET应用中,前端通常使用JavaScript处理用户交互,而`showModalDialog()` 或 `window.open()` 就是在这样的上下文中使用的。 `window.showModalDialog()` 的不兼容性意味着开发者需要考虑跨浏览器的兼容性...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    在实际应用中,`window.showModalDialog()`常用于需要用户填写表单、确认操作或者显示详细信息等场景,因为它可以确保用户在完成对话框的任务之前不会离开当前操作。然而,由于其对IE浏览器的依赖,现代Web开发中...

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

    JavaScript中的`window.showModalDialog`和`window.open`都是用于打开新窗口的方法,但它们有着不同的特性和用途。 首先,`window.open`方法是JavaScript中最常见的打开新窗口的方式,它适用于所有的主流浏览器,如...

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    1&gt; window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()采用新创建一个窗口,同时父窗口可操作; 2&gt; 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var...

    使用selenium测试showModalDialog模态对话框

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

    showModalDialog刷新窗口的例子

    window.showModalDialog(url, windowObject, features); ``` - `url`:这是对话框要加载的页面URL。 - `windowObject`:可选参数,可以是任何对象,该对象会被传递到新窗口作为全局变量`window.dialogArguments`。 ...

    ShowModalDialog父窗体向子窗体传值

    在JavaScript中,`showModalDialog`是一个用于打开模态对话框的方法,主要应用于IE浏览器,从版本4开始支持。模态对话框意味着用户必须关闭该对话框才能与父窗口进行交互。相反,`showModelessDialog`则创建一个非...

Global site tag (gtag.js) - Google Analytics