window.showModalDialog学习笔记

原创 2011年01月17日 16:45:00

以下内容都是从网上搜索的,然后自己实践并总结了一下。

 

一、创建js文件Common.js,内容如下:

里面具体参数的含义就不详细说了,大家可以到网上搜一下,有很多讲解的。

 


 

注意:

window.location.reload(); //关闭模态窗口时刷新父窗口

这一句放到创建模态窗口中很好用,这样点击右上角的关闭按钮或者点击模态窗口中自己增加的关闭按钮,关闭窗口时就会自动刷新父窗口。

 

二、引入js文件:

在需要使用模态窗口的页面引入js文件:

<script type="text/javascript" src="Inc/Common.js"></script>

 

三、使用示例:

<a href="#" onClick="ShowDialog('AccountAdd.asp',240,500)">添加</a>

<a href="#" onClick="ShowDialog('AccountEdit.asp?AccountID=<%=rsAccount.Fields.Item("AccountID").Value%>',270,500)">修改</a>

 

四、模态窗口页面中需要加入的代码:

 

1.防止页面缓存:

<%Response.Expires=-1  '防止页面缓存%>

可以防止页面缓存,否则你修改后的页面总是显示之前的内容。

当然网上还有其它防止缓存的方法,大家可以搜搜看。

 

2.防止点击提交后又打开新窗口:

<script language="javascript"> 
window.name="win"
</script>
将窗口的名称改一下,然后在提交的表单中的目标改成win。

<form action="<%=MM_editAction%>" method="POST" name="form1" id="form1" target="win">

还可以使用框架的方法进行防止打开新窗口,但是我觉得有点麻烦,大家可以试试看。

 

 

3.关闭窗口按钮:

<input type="button" name="button" id="button" value="关闭窗口" onClick="CloseDialog()"/>

根据自己的需要决定是否加入关闭窗口的按钮。

 

4.删除网页编码 :

如果你想在提交表单后弹出提示框显示提交成功的话,需要将网页编码行删除,否则会弹出两次。

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 

弹出提示框:

Response.Write("<script language='javascript'>window.alert('银行日记账添加成功!')</script>")

 

五、存在的问题:

表单提交后我增加了一个alert语句用于提示已经添加或者修改成功,但是用于添加的那个页面只弹出一次提示框,但是修改的那个页面会弹出两次提示框,比对了代码,没有发现什么不同。

一个临时的解决方法是:在网页上点右键,将编码中的自动选择项取消。

 

六、截图:

 

 

 

 

 

高版本chrome不再支持window.showmodaldialog 的临时替换方案【用window.open】

接管别人的项目,因开发时用了showmodaldialog 导致最近很多用户chrome升级到最新之后 就无法弹窗了。原因是新版chrome[37+]不再支持showmodaldialog。 show...
  • ts472960087
  • ts472960087
  • 2015年05月19日 12:26
  • 18150

Linux学习笔记之——起始篇

摘要:学习笔记目录、方便以后回顾、没有什么捷径可走、不断的记录、总结、练习、coding、coding。...
  • chenghuaying
  • chenghuaying
  • 2014年03月31日 16:47
  • 4549

在计算机学习,善用“笔记软件”

为知笔记 Linux 版 2015-12-03 产品更新 提示:软件的名称由wiznote修改为WizNote,在终端命令行下需要使用WizNote来打开程序。 更新日志: 2.3.2 版本(201...
  • Lina_ACM
  • Lina_ACM
  • 2016年08月03日 10:41
  • 801

斯坦福机器学习网易公开课笔记1

之前在coursera上看了Andrew Ng的机器学习课程,那个课程比较简明,适合对机器学习有一个整体的印象,但是很多细节的内容和推导都忽略了。现在想要了解机器学习更多,所以开始看Andrew Ng...
  • zhonglj0314
  • zhonglj0314
  • 2017年02月20日 09:57
  • 528

《Java JDK8学习笔记》读书笔记(4)

第4章 认识对象 学习目标  区分基本类型与对象类型  了解对象与引用的关系  从打包器认识对象  以对象观点看待数组  认识字符串的特性...
  • mouyong
  • mouyong
  • 2016年04月18日 20:10
  • 4412

Angularjs 学习笔记(一)基础

1.简介: Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 Ang...
  • qq_25178609
  • qq_25178609
  • 2016年10月02日 16:13
  • 472

myBatis学习笔记(1)——快速入门

在项目中使用myBatis 导入jar包 在src下创建配置文件
  • u010837612
  • u010837612
  • 2015年05月12日 11:06
  • 891

Spring MVC 学习笔记(一)

(* 笔记内容均来自 尚硅谷 佟刚老师的视频,例子是在学习中照着敲的) 内容概要 • 1.SpringMVC概述 • 2.SpringMVC的HelloWorld • 3.使用@RequestMapp...
  • u011870547
  • u011870547
  • 2016年01月07日 14:50
  • 1697

操作系统学习笔记(七)

关于存储器管理
  • qq_24282081
  • qq_24282081
  • 2017年04月26日 21:23
  • 320

Andrew Ng机器学习笔记1

吴恩达机器学习课程的学习笔记~
  • panglinzhuo
  • panglinzhuo
  • 2016年04月26日 16:15
  • 1284
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window.showModalDialog学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)