showModalDialog父页面、弹出页问题以及返回值问题笔记

1、在showModalDialog函数打开的窗口中提交页面的时候重新打开新页面的解决办法

在弹出页面的<head></head>中（如果是模板页在head的content中）加入<base target="_self"/>或<base target="_self"></base>。

2、返回值window.returnValue问题

如果父窗体和子窗体都是html采用js或jquery直接在弹出页面中window.returnValue对应的值父窗体接收即可；

如果是父窗体和子窗体都是.aspx弹出页面需要提交数据到服务器端并会刷新页面是就会出现新页面重新打开问题用1解决即可，还有就是需要靠后台来返回window.returnValue的值问题，这就需要我们在后台返回如下：

Response.Write("<script type=\"text/javascript\">window.close();window.returnValue=‘" + url +
                               "‘;if(window.opener) { window.opener.returnValue=‘" + url + "‘;}</script>");

url是我们需要返回的值，父窗口如下

var url = "../VideoUpload/NewUploadBigFile.aspx?Type=" + t + "&etc=" + new Date().getTime();
            obj = document.getElementById(o);
            var f = showModalDialog(url, "文件上传", "dialogWidth=450px;dialogHeight=150px;status:no;scroll=no;help:no");
            if (f) {
                obj.value = f;
            }

接收即可，这里出现if(window.opener) { window.opener.returnValue=‘" + url + "‘;}，是因为Google浏览器Chrome不支持直接对showModalDialog弹出窗体设置returnValue，替代方法是在弹出窗口中设置window.opener.returnValue，这样解决兼容问题。

时间： 2024-10-08 09:04:51

showModalDialog父页面、弹出页问题以及返回值问题笔记的相关文章

jQuery实现的关闭页面弹出提示实例代码

jQuery实现的关闭页面弹出提示实例代码:当要关闭当前页面的时候,如果能够弹出一个提示那算是一个相当人性化的举措,因为可以防止误操作,当然也会因人而异,因为有些浏览者会感觉比较麻烦,不管怎么说,确实有这样的需求,下面就分享一下具有这个功能的代码.代码实例如下: $(window).bind('beforeunload',function(){ return '确定要离开当前页面吗'; }); 以上代码当在刷新或者关闭浏览器页面的时候会弹出提示.浏览器兼容性:1.谷歌浏览器效果良好.2.火狐浏览

ios页面弹出方式《笔记》

1.presentViewController 方式,动画效果是从底部弹出,主要用在除导航类页面的弹出 let anotherVC = UIStoryboard(name: "Main", bundle: nil).instantiateViewControllerWithIdentifier("aaa") as! AnotherViewController presentViewController(anotherVC, animated: true, compl

弹出键盘windowsoftinputmode属性设置值

windowSoftInputMode属性设置值 2012-08-30 16:49 1592人阅读 评论(0) 收藏 举报 androidattributes活动 (1).AndroidManifest.xml文件中界面对应的<activity>里加入            android:windowSoftInputMode="adjustPan"   键盘就会覆盖屏幕            android:windowSoftInputMode="state

layer父页获取弹出层输入框里面的值

主要是因为修改功能,原来页面填写数据如图 改为 其中点击填写明细弹出框 填写完毕后点击确认返回,同事这里因为她是存的多表,所以点击确认就直接保存数据了,改的这个功能原本保存是整体保存,我就不想改原来的逻辑,只想把填写的值带回去用隐藏控件存一下,到时候按照原来的逻辑整体存,所以没办法参考她的,最后搜索很多,解决了问题,具体代码如下: 父页面: <div class="row"> <div class="col-md-6"> <div cl

jQuery layer[页面弹出框]

常见接口如下: 方法名 描述 $.layer({}) 核心接口,参数是一个对象,对象属性参见上述列表.诸如layer.alert()之类的为$.layer()的包装方法. layer.v 获取版本号. layer.ready(callback) layer中的样式文件装载完毕后执行的方法,一般用于页面加载时调用layer,这样可避免样式未加载即调用层导致的错乱. 示例: layer.ready(function(){ layer.msg('Hello Layer'); }); layer.ale

微信内置浏览器浏览H5页面弹出的键盘遮盖文本框的解决办法

Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机输入法键盘遮盖住. 找到一段js代码直接解决之,点击时强制滚动之,好像也解决了在Android浏览器下浏览的同样问题. 1 if(/Android [4-6]/.test(navigator.appVersion)) { 2 window.addEventListener("resize", function() { 3 if(document.activ

移动端页面弹出对话框效果Demo

核心思路:设置一个隐藏的(display:none;).背景偏暗的div及其子div作为对话框.当点击某处时,将此div设置为显示. 核心代码例如以下(部分js代码用于动态调整div内容的行高.这部分代码能够忽略): <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css&quo

HTML页面弹出窗口调整代码总结

弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如<a href=# onclick="window.open('xxx.aspx','窗口名称','参数');">xxxxx</a> 以下列出一些弹出窗口的参数,你可自行设定,参数之间用逗号分隔 可选.字符串--列出对象表并用逗号分开.每一项都有自己的值,他们将被分开(如:"fullscreen=yes, toolbar=yes").下面是被支持的各种特性.

wuzhicms上传弹出层，如何返回数据到当前页面？

我们要实现下面功能: 上传图片后,返回图片列表到页面: 点击开始上传后,自动返回结果到页面. 原理:通过openiframe打开上传弹出层. 其中: returntype 在这里是 2 www/res/js/html5upload/extension.js中的 callback_dianping 函数执行返回结果的处理. 再通过:openiframe函数把返回的结果插入到页面.