`

showModalDialog()的提交弹出新网页的解决方法

阅读更多

1.showModalDialog()是不能够提交给自己的,当提交给自己的话就会有新页面产生,所以你要指定form里的target等于一个值。

showModalDialog()里:
<form target=meizz action=aa.asp ...>

在主页面里加一个隐藏的iframe浮动框架:
<iframe name=meizz width=0 height=0 frameborder=0 style="display: none"><iframe>
这样提交就不会有新的页面产生了。

 

  当然还有第二种方法,在头部加入如下代码:

 

  <base target="_self">    //如果不加这段代码,在提交之后会打开一个新窗口

 

2.showModalDialog打开的窗口想访问父窗口的数据的话 

 

window.showModalDialog("filename.htm",window)


在子窗体中用window.dialogArguments得到就是你的父窗体对象,这样就能访问到父窗体数据了.

 

3.给地址中用JS添加一个随机函数,这样就可以确保每次打开页面时都是一个新的页面而不会被缓存了。 

  window.showModalDialog(getUrl+"?Rnd="+Math.random(),window,"dialogWidth:600px;dialogHeight:400px;help:no;scroll:yes;center:yes;status:no;");

 

这个window作为参数传递到子窗口,可通过这个对象刷新父窗口,子窗口刷新父窗口代码:
window.dialogArguments.document.location.reload();//刷新父窗口
window.close(); //关闭自己

分享到:
评论

相关推荐

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

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

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

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

    在使用showModalDialog中为解决刷新时弹出新窗口时用到iframe所带来的一个问题

    在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来实现弹窗功能时,如果页面被刷新,可能会出现一个新的弹出窗口。这是因为`showModalDialog`通常会保留其状态,而页面刷新会重置这些状态,导致再次调用...

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

    在网页开发中,`window.showModalDialog` 是一个古老的 API,用于创建模态对话框,它可以在不刷新页面的情况下与用户交互。这个方法在现代Web开发中已经逐渐被`&lt;dialog&gt;`元素或JavaScript库如jQuery UI、Bootstrap ...

    解决window.showModalDialog跨域返回值

    3. 主页面通过URL参数接收目标站点返回的值,并关闭`showModalDialog`弹出的窗口。 这个方法巧妙地绕过了跨域限制,实现了跨域`showModalDialog`的返回值传递。需要注意的是,虽然这种方法可行,但它依赖于特定的...

    用showModalDialog弹出页面后,提交表单总是弹出一个新窗口

    通过上述方法之一,你可以避免在使用`showModalDialog`弹出页面后,表单提交时出现新窗口的情况。关键在于控制表单的提交目标,使其要么在当前窗口(IFrame或`_self`),要么正确地定向到父窗口(`_parent`或`_top`...

    JS 弹出对话框window.showModalDialog()

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

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

    在SharePoint 2010开发中,`_spPageContextInfo`对象提供了一种方便的方式来弹出模态对话框,即`showModalDialog`函数。这个功能在处理用户交互、表单填写、确认操作或者展示详细信息时非常实用。本篇文章将详细探讨...

    showModalDialog跨域解决例子

    要解决`showModalDialog`的跨域问题,我们可以采取以下几种方法: 1. **CORS(Cross-Origin Resource Sharing)**:这是一种现代浏览器支持的机制,允许服务器通过设置特定的HTTP头(如`Access-Control-Allow-...

    避免 showModalDialog 弹出新窗体的原因分析

    showModalDialog和showModelessDialog 一、showModalDialog和... 二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口? 在被打开的网页里加上&lt;base target=”_self”&gt;就可以了。这句话一

    showModalDialog实例

    在这个实例中,它被用来实现一个网页的弹出窗口,通常用于数据输入或者确认操作等场景。以下是详细的说明: 1. **BackTap.jsp**:这是主页面,它调用了`showModalDialog`函数来打开一个新的窗口`Doback.jsp`。在`...

    jsp页面同时弹出页面和对话框

    在IT领域,特别是Web开发中,使用JSP(JavaServer Pages)进行动态网页设计时,开发者经常需要实现在用户交互过程中弹出特定的页面或对话框来获取输入、展示信息或进行确认操作。本文将详细解析如何在JSP页面中通过...

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

    在Web开发中,有时我们需要创建弹出式窗口与用户交互,这时就涉及到`showModalDialog()`和`showModelessDialog()`这两个JavaScript方法。这两个方法都是IE浏览器提供的,用于创建具有不同特性的对话框。 1. `...

    js弹出一个新页面并获得弹出页面的值

    父页面代码展示了如何使用`showModalDialog()`方法弹出一个新的窗口,并且接收从新窗口返回的数据。关键部分代码如下: ```javascript function selectDept() { var returnValue = new String(window....

    google不支持window.showModalDialog问题解决方案

    This is a `window.showModalDialog()` shim using a modal HTML5 `&lt;dialog&gt;` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...

    showModalDialog和open方法demo实例

    在JavaScript中,`showModalDialog`和`window.open`是两个用于打开新窗口或对话框的方法,它们在网页交互和用户界面设计中扮演着重要角色。这篇文章将详细讲解这两个方法的功能、用法以及它们的区别。 首先,我们来...

    解决showModalDialog 跨域 iframe

    这个API允许开发者在当前页面上弹出一个模态对话框,显示另一个网页内容。然而,由于同源策略的限制,`showModalDialog`在处理跨域请求时会遇到障碍。本文将深入探讨这个问题,并提供解决方案。 **什么是同源策略?...

    window.showModalDialog方法的使用

    在JavaScript编程中,`window.showModalDialog`是一个用于打开模态对话框的函数,它能够创建一个新的浏览器窗口或者在当前窗口内显示一个弹出层,阻止用户与父窗口的交互,直到用户关闭对话框为止。这个方法在创建...

Global site tag (gtag.js) - Google Analytics