模态窗口 javascript 技巧汇总(传值、打开、刷新).doc

模态窗口 javascript 技巧汇总(传值、打开、刷新) 模态窗口 javascript 技巧汇总（传值、打开、刷新） 2011-02-17 15:05 1、要弹出的页面中，一定要保证head/head标签间有base target=“_self”，否则会弹出的模态窗口上，点击按钮时，会再次弹出一个新页面。 2、被弹出页面的按钮的事件处理中，应该有Response.Write(new Function().ClosePage());语句，用以关闭当前的模态窗口。 3、因为幽默的缓存原因，如果你在模态窗口中修改了数据，你会发现，父页面上的数据刷新了，但是当你再点击按钮，重新弹出模态窗口时，你会发现模态窗口中的内容还是上次的内容，经过我试验，手动改了html代码后，点击弹出的模态窗口还是弹出相同的页面，所以，这里要绕开这个机制，方法是在被弹出的aspx页面后加上随机参数。上面模态窗口代码可以改成如下，以避免此问题： public string ModalWindow(string openAspxPage,int width,int height) { string js = string.Format(javascript:window.showModalDialog(\{0}rand=+new Random().Next().ToString()+ \,window,\status:false;dialogWidth:{1}px;dialogHeight:{2}px\),openAspxPage,width,height); return js; } 注意红字部分参数，是自定义的一个参数，此参数应该是整个项目中唯一的变更名称，并且无意义(最保险的办法是把这个变更命名为lakjsdflawdfqwoifa之类的名称)。 基本上，满足了上述条件，做页面时就操作模态窗口，相对就简单了。 // 模态窗口——有时会让你觉得很好用的一个东西2006-10-20 11:54关于showModalDialog和showModelessDialog的使用，一个b/s结构的项目中用window.open弹出的窗口被一些广告拦截工具给拦截了，没办法就只能用showModalDialog来解决问题，但showModalDialog这个方法不好的就是页面间传值太麻烦(传值有两种方法)，可是实在没其他的办法来解决这个拦截问题，只有用这个了。代码到是两下就写好了，但调试代码的时候发现一个问题，用showModalDialog弹出的窗口中的内容一直是第一次访问页面时显示的内容，开始就怀疑是窗体调用的页面缓存，最后通过单步跟踪调试也证明了问题确实是读取的页面缓存，这说明了在asp.net中用showModalDialog和showModelessDialog做弹出窗体时最好在page_load事件加上 Response.Expires = 0; Response.Cache.SetNoStore(); Response.AppendHeader(Pragma, no-cache); 来清除缓存。用asp，php，js，vbscript测试使用showModalDialog方法没有出现需要清除缓存的情况，大家可以放心使用，关于showModalDialog的时候可以参见下面我找到的详细介绍 showModalDialog和showModelessDialog使用心得 一、showModalDialog和showModelessDialog有什么不同？ 　　showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。 　　showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。:P) 二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？ 　　在被打开的网页里加上base target=_self就可以了。这句话一般是放在html和body之间的。 三、怎样才刷新showModalDialog和showModelessDialog里的内容？ 　　在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码： body onkeydown=if (event.keyCode==116){reload.click()} a id=reload href=filen