`
zengjinliang
  • 浏览: 306942 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript中使用showModalDialog的注意事项

阅读更多

在网页上,我们一般使用window.showModalDialog(<url>,<标题>,<属性>)来弹出一个模态对话框。但是在模态对话框中的提交有时候是无效的,而且页面跳转的话不是在对话框中的。
    解决这个问题的方法一般是在对话框中的页面上添加一个<iframe>,由<iframe>来转发真正的请求。为了增加页面的可重用行,我们一般会增加一个portal页,如下:

<% @ page contentType = " text/html; charset=gb2312 "   %>
<% @ page import = " you.RequestCacher "   %>
<%
    
String  requestUrl  =   " /test/test.do " ;
    
String  params  =  RequestCacher.getParameters(request); // 获取请求参数
    
String  action  =  requestUrl + " ? " + params;
%>

< table  width ="100%"  height ="100%"  border ="0"  cellspacing ="0" >
    
< tr >
        
< td >
            
< iframe  width ="100%"  height ="100%"  src ="<%=action%>" ></ iframe >
        
</ td >
    
</ tr >
</ table >
  
   下面说明一下如上代码。一般我们可能会在弹出对话框时使用这样的方式:window.showModalDialog("/test/test.do",“测试”,"dialogWidth:500px;dialogheight:650px"),如果这样的话,test.do跳转的页面如果继续有请求的话,服务器可能服务收到请求(可能是session的问题),还有请求后的跳转页面不会出现在对话框中。

onlylife 2006-05-16 11:36 发表评论
分享到:
评论

相关推荐

    showModalDialog和showModelessDialog使用心得

    #### 使用技巧与注意事项 1. **刷新问题**:使用`showModalDialog`时,如果页面中有`&lt;base target="_self"&gt;`,直接刷新可能会导致意外的行为。可以通过监听键盘事件,阻止F5键的默认刷新行为,确保页面状态的一致性...

    window.showModalDialog(javascript)

    ### 注意事项 - `window.showModalDialog()`仅在Internet Explorer中得到全面支持。在其他浏览器中,如Firefox、Chrome和Safari,可能需要使用其他方法,如`window.open()`,配合CSS和JavaScript来实现类似的效果。...

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

    #### 注意事项 - **浏览器兼容性问题**:`window.showModalDialog`是IE特有方法,对于其他浏览器如Chrome、Firefox等不支持此方法,因此在实际开发中需要注意兼容性处理。 - **安全性考虑**:使用`window....

    JS中showModalDialog 详细使用.txt

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

    Window.ShowModalDialog使用手册

    ### 使用Window.ShowModalDialog与Window.ShowModelessDialog在JavaScript中的详解 #### 一、引言 在Web开发中,为了实现更加丰富的用户交互体验,开发者经常需要创建模态或非模态对话框来显示特定的信息或者请求...

    showModalDialog用法

    #### 四、注意事项 1. **兼容性问题**:需要注意的是,`showModalDialog`仅在Internet Explorer中可用,在现代浏览器中不支持此方法。如果需要跨浏览器支持,建议使用`window.open`或其他第三方库如jQuery UI的...

    Window.ShowModalDialog使用手册_对话框 .txt

    #### 六、注意事项 - `showModalDialog` 和 `showModelessDialog` 都是 Internet Explorer 特有的方法,在其他浏览器中不支持。 - 使用这些方法可能会带来安全性和兼容性问题,因此建议在现代 Web 开发中寻找替代...

    javascript弹出对话框总结

    #### 五、注意事项 1. **跨域限制**:当使用`window.open()`打开的窗口与主窗口的域名不同,由于同源策略的限制,将无法通过`window.opener`进行跨域访问。 2. **浏览器兼容性**:`showModalDialog()`和`...

    javascript刷新父页面

    #### 五、注意事项 1. **兼容性问题**:`window.showModalDialog` 和 `execCommand` 在现代浏览器中可能不被支持或已被废弃。 2. **安全性考虑**:在进行跨窗口操作时,需要注意安全性和浏览器限制,确保不会因为...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    - **注意事项**: 必须确保`iframe`的名字或ID是唯一的。 - **示例**: ```javascript document.getElementById("myIframe").contentWindow.location.reload(); ``` ##### 4. 刷新包含该框架的页面 - **语法**: `...

    实用javascript给力文档

    // 脚本中使用XML function initialize() { var xmlDoc, xslDoc; xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); xmlDoc.async = false; xslDoc = new ActiveXObject('Microsoft.XMLDOM'); xslDoc.async = ...

    js弹出一个新页面并获得弹出页面的值

    ### 三、注意事项 - **兼容性问题**:`showModalDialog()`方法仅在Internet Explorer中有效。对于其他浏览器,应考虑使用`window.open()`或其他第三方库如jQuery UI Modal。 - **安全性**:直接使用`substring()`...

    HTML模态窗口

    #### 三、其他注意事项 1. **兼容性问题**:`window.showModalDialog()`仅在Internet Explorer浏览器中可用,对于现代浏览器,推荐使用自定义的模态窗口插件或库。 2. **页面提交问题**:如果在模态窗口中进行页面...

    javascript 常用代码

    - **注意事项**: - `showModalDialog` 方法只在 Internet Explorer 浏览器中可用。 - `dialogWidth` 和 `dialogHeight` 分别定义了对话框的宽度和高度。 - 其他参数可根据实际需求进行调整。 ##### 2. 模式...

    Lotus Domino web开发注意问题

    在Lotus Domino进行Web开发时,需要注意一些特定的技术细节,以确保...通过理解和应用这些注意事项,可以提升Lotus Domino Web应用的用户体验和开发效率。在实践中不断优化代码和处理问题,可以使项目更加稳定和高效。

    JS 弹出模式窗口 和 非模式窗口

    在JavaScript中,我们使用`showModalDialog()`函数来创建模式窗口。例如: ```javascript function topwin() { window.showModalDialog("http://www.qq.com", "", "dialogWidth:300px;dialogHeight:300px;scroll:...

    js对话框传递参数

    #### 四、注意事项 - 使用`window.showModalDialog()`时需要注意兼容性问题,因为这个API已经被废弃。现代浏览器可能会不支持或者禁用它。 - 如果需要在子窗口中返回数据,必须确保子窗口是通过正常的方式关闭的,...

    javascript的对话框详解与参数

    本文将详细介绍 JavaScript 对话框的分类、参数设置、使用方法和注意事项。 一、对话框的分类 对话框可以分为模式对话框和无模式对话框两种,两者的区别在于对话框被关闭之前用户能否在同一应用程序的其他地方进行...

    Ajax登录方法的实现

    注意事项 - 对于非Ajax请求,使用上述方法会清除原有的页面内容。为了避免这种情况,可以在拦截器中设置 `response.sendError(401)` 并在 `web.xml` 文件中配置错误页面,确保即使在非Ajax请求情况下也能正确处理...

Global site tag (gtag.js) - Google Analytics