`

關於模式窗口的一些事兒 showModalDialog

阅读更多
眾所周知,模式窗口由父窗口與子窗口組成。

模式窗口的作用: 在子窗口中完成一系列工作,再把返回值返回父窗口。

在父窗口調用,代碼通常是這樣的。
//第一個參數是要顯示的地址,第二個參數為數據傳遞......
window.showModalDialog("sample.htm",obj, "height=500, width=700,
 top=100, left=250, toolbar=no, menubar=no, scrollbars=yes,
resizable=yes,location=no, status=no");



在子窗口返加父窗口的代碼通常是這樣的。
//返回數據給父窗口
window.returnValue = str;
window.close();  //關閉子窗口


注意事項:  在IE瀏覽器中使用模式窗口時,如果發生表單提交或click超連接時,都會彈出新窗口, 就算已經設置target為_self。

解決的辦法是在子窗口的<body> 標簽下加上這個標簽。 這個標簽的意思就是把所有的連接方式的target都設為本窗體,同時在<A>標簽中再設置target也是有效的。
<base target="_self" />

分享到:
评论

相关推荐

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

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

    sharepoint 2010 弹出模式窗口showModalDialog并返回值returnResult方法.

    本篇文章将详细探讨如何使用`showModalDialog`打开模态窗口,并返回值给调用页面。 首先,`showModalDialog`的基本语法如下: ```javascript window.showModalDialog(url, windowObject, options); ``` - `url`: ...

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

    ### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...

    showModalDialog刷新窗口的例子

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

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

    至于标签中的"源码"和"工具",这可能暗示着讨论的内容可能涉及到如何在实际代码中应用这些函数,或者可能有关于使用某些工具(如浏览器开发者工具)来调试和优化与这些窗口函数相关的代码。在实践中,开发者可以利用...

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

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

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

    总的来说,`window.showModalDialog`适合需要用户输入数据或确认信息的情况,因为它强制用户在完成对话框操作之前无法与主窗口交互。而`window.open`更适合于打开新页面,用户可以在新窗口和原窗口之间自由切换。在...

    JS 弹出模式窗口 和 非模式窗口

    在JavaScript中,我们使用`showModalDialog()`函数来创建模式窗口。例如: ```javascript function topwin() { window.showModalDialog("http://www.qq.com", "", "dialogWidth:300px;dialogHeight:300px;scroll:...

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

    在Web开发中,创建弹出窗口是常见的交互方式,用于显示一些额外的信息或者进行特定的操作。`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着...

    ShowModalDialog父窗体向子窗体传值

    在JavaScript中,`showModalDialog`是一个用于打开模态对话框的方法,主要应用于IE浏览器,从版本4开始支持。模态对话框意味着用户必须关闭该...在实际应用中,根据需求选择合适的模式,并注意处理好窗口间的交互问题。

    使用selenium测试showModalDialog模态对话框

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

    JS模式窗口

    **JS模式窗口** 在Web开发中,JavaScript提供了一种创建模态对话框的方式,被称为“JS模式窗口”。这种技术主要用于创建弹出式窗口,让用户在完成特定任务或查看信息时,不能与页面的其他部分进行交互。在标题“JS...

    JS中showModalDialog关闭子窗口刷新主窗口用法详解

    本文实例讲述了JS中showModalDialog关闭子窗口刷新主窗口用法。分享给大家供大家参考,具体如下: 网上找了好长时间 大都是window.opener.location.reload(),等等 都不是我想要的 最后终于发现了一个 想知道的就往下...

    showModalDialog参数使用详解

    本篇文章将深入探讨`showModalDialog`的参数使用,以及如何在子父窗口之间传递数据。 `showModalDialog`函数的基本语法如下: ```javascript window.showModalDialog(url, [startNode], [features]); ``` - `url`...

    showModalDialog

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

    ShowModalDialog与window.open的区别

    它可以是模式窗口,也可以是非模式窗口。非模式窗口意味着用户可以在新窗口打开的同时继续与原窗口交互。 **2. 使用方法** ```javascript var newWindow = window.open(url, name, features); ``` **3. 参数说明*...

    一个使用模式窗口的例子

    模式窗口在网页开发中是非常实用的功能之一,通过本文的介绍,我们可以了解到如何使用`window.showModalDialog()`方法来创建具有不同特性的模式窗口。这不仅可以提高用户的交互体验,还可以根据实际需求灵活调整窗口...

    showModalDialog技术文章

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

    父子窗口传值window.showModalDialog以及window.open用法简介

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

Global site tag (gtag.js) - Google Analytics