`

ModalDialog模态对话框的刷新

    博客分类:
  • JS
 
阅读更多

原文地址:

http://wuaner.iteye.com/blog/478122

 

 

在ModalDialog中是不能用window.location.reload(true)来做模态对话框的刷新的;想要刷新该模态对话框,可以使用以下的变通方法:

 

 

1:在showModalDialo窗口的<html>与<Head>之间加上<base target="_self"> ,使这个页面上链接都在本窗口中打开
2:在页面中加一个隐藏<a>标签,如:<a id="reload" href="" tyle="display:none">reload</a>
3:在JS中把当前页面的地址赋到<a>的href属性中,并加上一个随机值,使IE不要到缓存中去读页面,执行单击事件。
reload.href =  window.location.href + "&random="+Math.random();
reload.click();

说明:reload为定义的<a>标签的ID

 

 

分享到:
评论
1 楼 Rinoajun 2013-10-25  

相关推荐

    子模态对话框关闭后刷新父模态对话框

    模态对话框(Modal Dialog)是一种常见的UI元素,它强制用户在完成特定任务或作出决定之前与之交互,不能操作背景页面。本话题关注的是如何在关闭子模态对话框后刷新其父模态对话框,这是一个典型的前端开发问题,...

    ssm_ajaxsubmit-ajax提交-模态对话框-ajax上传文件

    模态对话框(Modal Dialog)是一种UI设计模式,它强制用户与当前弹出的对话框交互,直到对话框关闭,才能继续操作主页面。在Web应用中,模态对话框常用于表单填写、确认操作或者展示详细信息等场景。Bootstrap框架...

    关闭模态对话框,刷新父窗口,异步上传文件

    首先,模态对话框(Modal Dialog)是一种用户界面元素,它要求用户进行互动才能继续进行其他操作。这种对话框通常用于警告、确认或请求用户输入。在JavaScript中,我们可以使用各种库,如jQuery UI或Bootstrap来创建...

    jquery login modal dialog

    标题 "jquery login modal dialog" 指的是使用 jQuery 实现的一种登录模态对话框功能。在 Web 开发中,模态对话框常用于提供一种不中断用户主界面体验的交互方式,例如显示登录表单。jQuery 是一个广泛使用的 ...

    具有部分视图和模态对话框的MVC主细节示例

    在本文中,我们将深入探讨如何在ASP.NET MVC框架中实现一个主细节(Master-Detail)界面,该界面结合了部分视图(Partial View)和模态对话框(Modal Dialog)。这个示例对于处理多层级数据关系,如一对多或多对多...

    jQuery动画模态窗口对话框特效

    3. 使用jQuery选择器找到模态对话框元素,并调用插件提供的方法来初始化和控制对话框,如`.modal('show')`或`.modal('hide')`。 4. 配置插件参数,根据需要定制动画效果、触发事件、内容加载方式等。 在压缩包中,`...

    BootstrapModalDialog:使用 Bootstrap 模态对话框和 AJAX 的 Play 1.2.7 示例

    在这个示例中,AJAX 被用来更新模态对话框的内容,而无需刷新整个页面。 具体实现过程可能包括以下步骤: 1. 创建一个视图模板,包含触发模态对话框的按钮和模态对话框本身。按钮通常会有一个关联的 `data-*` 属性...

    vc++实现修改数据,弹出新对话框,刷新原始对话框的简单示例

    VC++提供了两种主要类型的对话框:模态对话框(Modal Dialog)和非模态对话框(Modeless Dialog)。在这个例子中,我们可能会使用模态对话框,因为用户必须关闭弹出的对话框才能继续与主对话框交互。 1. **创建...

    js实现div模拟模态对话框展现URL内容

    在网页开发中,模态对话框(Modal Dialog)是一种常见的用户交互形式,它可以在不离开当前页面的情况下显示额外的信息或进行交互操作。本教程将详细讲解如何使用JavaScript和HTML的div元素来模拟一个模态对话框,以...

    jQuery轻量级模态窗口对话框

    jQuery社区中有许多开源的模态对话框插件可供选择,如`bootbox.js`、`jQuery UI Dialog`或`SweetAlert2`等。这些插件通常提供丰富的配置选项和自定义样式的能力,可以根据项目需求进行调整。例如,可以通过设置宽度...

    页面弹框

    HTML5引入了`&lt;dialog&gt;`元素来创建模态对话框,但浏览器支持度有限。更常见的是使用CSS和JavaScript库如Bootstrap的Modal插件来实现。 5. 非模态对话框:非模态对话框不会阻塞用户界面,用户可以在弹框打开的同时...

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

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

    基于jquery实现点击登录注册按钮后弹出对话框.zip

    接下来,弹出对话框通常有两种方式:模态对话框(modal dialog)和非模态对话框(non-modal dialog)。模态对话框阻止用户与页面其余部分的交互,直到对话框关闭;非模态对话框则允许用户同时与对话框和页面其他部分...

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

    在Web开发中,尤其是在使用Struts2框架进行项目开发时,我们经常会遇到需要弹出模态对话框(modal dialog)的需求。其中一个常见的场景就是通过`window.showModalDialog`方法打开一个新窗口,并在完成某些操作后刷新...

    asp.net实现弹出信息后面网页失去焦点

    在这里,我们可能会使用`alert()`函数来弹出一个简单的信息框,或者使用更复杂的`modal dialog`(模态对话框)来提供更多的定制选项。jQuery是一个流行的JavaScript库,它可以简化DOM操作和事件处理,使代码更加简洁...

    Ajax Model Dialog

    总结,Ajax Model Dialog 是前端开发中一个实用的组件,它结合Ajax技术和模态对话框,提供了一种高效、用户友好的交互方式。在实际项目中,开发者可以根据需求对其进行定制和扩展,以满足各种场景下的需求。

    showModalDialog及dialogArguments使用

    在Web开发中,`showModalDialog` 和 `showModelessDialog` 是Internet Explorer浏览器特有的方法,用于打开模态或非模态对话框。这两个函数允许开发者创建自定义的弹出窗口,为用户提供更丰富的交互体验。下面将详细...

    window.showModalDialog的基本用法

    - **status**: {yes|no|1|0}[IE5+],是否显示状态栏,默认为 yes(模态对话框),no(非模态对话框)。 - **scroll**: {yes|no|1|0|on|off},是否显示滚动条,默认为 yes。 - **dialogHide**: {yes|no|1|0|on|off},...

    JS中showModalDialog 详细使用.txt

    1. **刷新问题**:如果在打开的对话框中使用 `&lt;base target="_self"&gt;`,这将导致对话框刷新时出现问题。为了防止这种情况,可以使用 JavaScript 监听 F5 键,并模拟点击隐藏的链接来进行刷新。 2. **兼容性**:由于 ...

    服务器端弹出对话框确认

    然后,客户端的JavaScript代码接收到这些信息后,显示一个模态对话框,提供确认或取消的选择。 例如,一个简单的JavaScript实现可以这样写: ```javascript function showServerConfirm(message) { var dialog = ...

Global site tag (gtag.js) - Google Analytics