javascript 如何设置模式对话框

在javascript中如何把一个自定义的对话框设置为模式对话框？

2025-02-15 19:39:41

推荐回答（4个）

回答1：

自定义一个模式对话框可以用层来做：
首先做一个和页面总大小一样大的层（遮罩层），让它处在最上层，但开始的时候是隐藏的:

然后在自定义的模式对话框产生之前，让遮罩层显示，在js中这样写：
document.getElementById("div1").style.display="";

第三步开始写显示自定义的对话框代码，假设该对话框也是用一个层来实现的，这个层的id为moddialog，那么：
document.getElementById("moddialog").style.display="";

最后，记得在对话框被关闭之后要将遮罩层隐藏起来
document.getElementById("div1").style.display="none";

回答2：

JavaScript是利用window对象有一个方法称为showModalDialog 实现模式对话框的。
< BUTTON onclick="window.showModalDialog
('dialog.htm')" >Search< /BUTTON >
---- 系统会在新窗口中打开dialog.htm页面，并且等待用户响应，如果用户不响应该页面，那么主页面将得不到光标。
---- 在dialog.htm中设置window对象的returnValue属性，就可以让主页面得到返回值。例如，在页面的确定按钮的onclick中写：
window.returnValue = window.
document.all.iptPeopleID.value
---- 将输入框iptPeopleID的值赋给window对象的returnValue属性。在主页面中就可以得到这个值：
var str = showModalDialog ("dialog1.htm")
---- 2. 传递初始化值
---- 如果要向模态页面中传递初始化值，可以在主页面中用如下语句：
var cSearchValue=showModalDialog
('dialog.htm', 'ABC')
在dialog.htm中使用window.dialogArguments
属性可以得到'ABC'。例如：
< SCRIPT FOR=window EVENT=onload LANGUAGE="JScript" >
if (window.dialogArguments != null)
window.document.all.iptPeopleID.value = window.dialogArguments;
< /SCRIPT >

回答3：

showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于是对话框，因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。当我们用showModelessDialog()打开窗口时，不必用window.close()去关闭它，当以非模态方式〔IE5〕打开时，打开对话框的窗口仍可以进行其他的操作，即对话框不总是最上面的焦点，当打开它的窗口URL改变时，它自动关闭。而模态〔IE4〕方式的对话框始终有焦点（焦点不可移走，直到它关闭）。

回答4：

http://www.cnblogs.com/chenxizhang/archive/2009/05/27/1491049.html

最新问答

临沂到济南国道怎么走

我的信用卡今天收到一条降额或冻结的短信，要不让我做分期，要不让我办吉利白金卡，什么意思？

c++中如何将一个字符串转化成数组

慢性咽喉炎用咽扁喉贴好吗？我有咽喉炎三年了！之前在三九军都医院做过手术，但一点好转都没有！药也吃了

房价是工资几倍正常

阴历19886月12，中午12点出生，女命，算婚姻

诗经中最唯美的句子名字大全集

买小哈士奇时，怎么样的长大才好看？

期末考试写的作文写人,只举了很多和人物有关的小点滴，一件事两三句

合约机可以换卡吗