window.open、showModalDialog和showModelessDialog 的区别

《window.open、showModalDialog和showModelessDialog 的区别》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、window.open、window.showModalDialog和window.showModelessDialog的区别 一、前言要打开一个可以载入页面的子窗口有三种方法，分别是window.open、window.showModalDialog和window.showModelessDialog。open方法就是打开一个页面，可以说同用url链接打开一个页面一样，不推荐使用，因为很多浏览器会拦截。这里推荐使用的是window.showModalDialog和window.showModelessDialog，下面介绍二者的异

2、同和用法。 二、showModalDialog和showModelessDialog的区别showModalDialog：被打开后就会始终保持输入焦点，除非对话框被关闭，否则用户无法切换到父窗口，类似alert的运行效果。showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响，最多是被挡住一下而以。 三、怎样才让在showModalDialog和showModelessDialog里的超连接不弹出新窗口在默认情况下，showModalDialog和showModelessDialog窗口中的链

3、接都会导致打开一个新的窗口，但这不是我们需要的。解决这个问题的方法是在被showModalDialog和showModelessDialog窗口调用的页面添加如下：       四.、showModalDialog和showModelessDialog不使用缓存showModalDialog和showModelessDialog在第一次打开页面时会默认缓存该页面，如果再次打开相同URL的页面的话，他们会直接调

4、用缓存中的页面，而不是从服务器返回，要不使用缓存可进行如下配置：//禁止浏览器从本地缓存中调阅页面，网页不保存在缓存中，每次访问都刷新页面。         //同上面意思差不多，必须重新加载页面   

5、//网页在缓存中的过期时间为0，一旦网页过期，必须从服务器上重新订上面的配置不一定有效果，所以不推荐使用，最好的办法是在URL后加上一个时间戳，如下：url=url+“&time=”+newDate(); 五、如何刷新showModalDialog和showModelessDialog里的内容在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：

6、oad.click()}">reload...将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合使用，不然你按下F5会弹出新窗口的。由于在刷新上处理起来非常不方便，所以使用ajax结合showModalDialog和showModelessDialog使用是非常适合的，建议结合使用。 六、用javascript关掉showMo

7、dalDialog(或showModelessDialog)打开的窗口也要配合，不然会打开一个新的IE窗口，然后再关掉的。 七、showModalDialog和showModelessDialog数据传递技巧（例子用的是showModalDialog函数，showModelessDialog函数的用法一样）1)  父窗体向打开的窗体传递数据一般使用url参数传递2) 打开的窗体，即子窗体

8、向父窗体进行数据传递有两种方法(1)   第一种称为“函数法”，同调用一个函数并返回值一样可以通过在被调用的页面（子页面）使用window.returnValue来设置返回值，返回值可以是任何值或对象，调用页面（父页面）直接获取返回值