模态窗口中，防止提交时页面刷新弹出新的页面 -

zhouchaofei2010

浏览: 1107051 次
性别:
来自: 上海

最近访客更多访客>>

eoasis

xutao2811

wangjn1982

取个名字好难1234

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

模态窗口中，防止提交时页面刷新弹出新的页面

博客分类：

html
js

在模态窗口中，如有提交按钮，点击后会弹出新的页面。解决此问题有两种方法:
1、在head中，添加<base target="_self">注意：不要在form中再添加target="_self"　否则失效
2、把弹出的窗口页面做成框架网页，去加载要展示的网

如果你的浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以制定target为该iframe的name。对于IE4+，你可以用高度为0的frame来作：例子，

test6.htm
===================
<script>
window.showModalDialog( "test7.htm ")
</script>

test7.htm
===================
if(window.location.search) alert(window.location.search)
<frameset rows= "0,* ">
<frame. src= "about:blank ">
<frame. src= "test8.htm ">
</frameset>

test8.htm
===================
<form. target= "_self " method= "get ">
<input name=txt value= "test ">
<input type=submit>
</form>
<script>
if(window.location.search) alert(window.location.search)
</script>

3、另外一种解决方法

First and foremost, add the HTML tag (<base target=”_self” />) to the head sectionof your HTML document. Depending on your method of refreshing the form, adding this tag may be sufficient.
```
<html>
<head>
<base target="_self" />
```
Next check to see if your modal dialog now correctly refreshes itself.In some cases the modal dialog will still open a new window. For instance if you were using a JavaScript self.location.href= command then you will need to replace this with a simulated hyperlink click event.
- To do so, add a hyperlink to your page that is styled to be invisible (ie: <a href=”" id=”goLocation” style=”display:none;”>).
- Then replace your JavaScript self.document.location.href = ‘test.html’; with a click command to your hidden hyperlink as follows:
```
document.getElementById('goLocation').href = 'test.html';
document.getElementById('goLocation').click();
```

参考：http://jwcooney.com/2011/12/22/showmodaldialog-opens-a-new-window-on-submit-or-location-href/

参考：http://blog.sina.com.cn/s/blog_4c6e822d0100r6jr.html

分享到：

js 编码 | SSH 集成的系统中事务不能成功开启： Tra ...

2012-05-21 13:32
浏览 4201
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

模态窗口中，防止提交时页面刷新弹出新的页面

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

模态窗口中，防止提交时页面刷新弹出新的页面

评论

发表评论

相关推荐

Ext3.3 在ie6上的诡异问题1：点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边

Ext3.3 在ie6上的诡异问题1：点击查询,或者随便弹出Ext.MessageBox.alert()后,下拉菜单的键头会移到左边

Ext3.3 在ie6 中gird 中bbar中定义的按钮诡异消失

js的prototype

js

js 正则表达式 定位符

（转）js replace() 文本替换

Parameters 与 arguments的区别（javascript解释）

Javascript数组sort方法的分析（转）

数据操作后，页面alert提示例子3-后台js打印提示信息并重定向

数据操作后，页面alert提示例子2-ajax实现

弹出页面选择公用js方法，模态对话框与父窗口传递参数

ie6下报Internet Explorer cannot open the Internet site 错误

使用JS屏蔽回车键(enter)提交表单

长度的理解

textarea长度限制

网页js代码过滤测试

js判断页面是否加载完毕

jquery ajax异步获取数据，防止重复获取

网页字体变大

最近访客更多访客>>

js 正则表达式定位符