您的位置:首页 > Web前端 > JavaScript

javascript window.showModalDialog

2013-12-10 17:31 211 查看
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。

什么是模态对话框?本人的理解就是如果创建这个对话框之后,对话框下面的页面还能操作就是非模态,不能操作就是模态的。

用法:

a.php

var obj = new Object();
obj.name="add";
var str = window.showModalDialog ('b.php',obj,'dialogWidth=700px;dialogHeight=500px;resizable=no;');


解释一下这段代码:

我由a.php弹出一个模态的对话框此对话框的url为b.php,所传的参数为obj(此处参数为一个object,当然也可以为其他),然后设置一下弹出的高度和宽度。如图所示:





当我点击radio时会返回a.php一个值,那我怎么返回这个值呢?请看如下代码

var radiovalue = $("input[name=chose_acc]:checked").val(); //获取选中的radio的值
var newobject = new Object();
newobject.id = radiovalue;
window.returnValue=newobject; //将所得的radio的值传到我的a.php
window.close(); //关闭窗口


然后再在a.php中alert(str)就可以了,此时str的值就是b.php中返回的值。

window.showModalDialog()还有很多的参数,大家可以网上搜索一下。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: