使用DHTML，可以有两种实现方法：
1.通过window.open方法以弹出页面方式实现。
2.通过window.showModalDialog方法以弹出对话框方式实现。(推荐)
一.通过window.open方法弹出对话框
在写JSP页面的时候，有时需要点击一个按钮弹出一个输入对话框，然后输入一个值，确定后关闭对话框，把数据写入数据库，刷新当前页面。这样的功能可以用JavaScript实现；不过如果用js自带的对话框的话，对话框不美观，不如用一个JSP页面来做对话框。
在页面AddName.jsp里要调用对话框，写一个JSP页面NewBox.jsp（用做对话框），然后在页面AddName.jsp里加上一段js代码：
/*用来打开对话框页面*/
function openwindow(){
window.open ("NewBox.jsp","Sample","fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, copyhistory=no,width=350,height=140,left=200,top=300");
}
/*在NewBox.jsp里调用这个函数，用来刷新AddName.jsp*/
function opensub(){
document.form1.submit();
}
在这里要对window.open里的参数做一下说明：
fullscreen=no 窗口模式，yes为全屏模式
toolbar=no, 显示工具条
location=no,显示网址栏
directories=no,导航条
status=no,状态条
menubar=no,菜单
scrollbars=no,滚动条
resizable=no,是否可以改变大小
copyhistory=no,历史按钮
width=350,宽
height=140'高
left=200,距离左边200
top=300,距离顶端300
这时要在NewBox.jsp里加上一部分js代码，下面是NewBox.jsp的代码
<html>
<head >
<title>新建邮件夹输入框</title>
<SCRIPT>
<!--
function bconfirm(){
opener.document.all['inboxname'].value=document.form1.inboxname.value;
opener.opensub();
window.close();
}
function bcancel(){
window.close();
}
-->
</SCRIPT>
</head>
<body bgcolor=#66CD00>
<FONT size=5>请输入新邮件夹的名称：</FONT>
<FORM method=post name=form1 action="">
<INPUT type=text name=inboxname size=35><p>
<INPUT type=button name=inputboxbt value=确定 onclick="bconfirm();">
<INPUT type=button name=inputboxbs value=取消 onclick="bcancel();">
</FORM>
</body>
</html>
在NewBox.jsp里先给AddName.jsp里的一个隐藏表单inboxname赋值，就是这句：
opener.document.all['inboxname'].value=document.form1.inboxname.value;
然后调用AddName.jsp里的一个js函数：opener.opensub();
这样AddName.jsp就会自动提交表单到Servlet接着刷新页面，这样就完成了！
二.通过window.showModalDialog方法弹出对话框。（推荐）
仍然是在页面AddName.jsp里要调用对话框，写一个JSP页面NewBox.jsp（用做对话框），然后在页面AddName.jsp里加上一段js代码：
/*用来打开对话框页面，注意这回openwindow()函数里的的方法是window.showModalDialog*/
function openwindow(){
window.showModalDialog("NewBox.jsp",window,"status:no;scroll:no;
dialogWidth:235px;dialogHeight:100px");
}
/*在NewBox.jsp里调用这个函数，用来刷新AddName.jsp*/
function opensub(){
document.form1.submit();
}
对window.showModalDialog里的参数简单做一下说明：
center : yes | no | 1 | 0 | on | off 指定对话框是否显示于桌面正中。默认值为 yes 。
dialogHide : yes | no| 1 | 0 | on | off 指定当打印或打印预览时对话框是否隐藏。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
edge : sunken | raised 指定对话框窗口边框样式为凹下还是凸起的。默认值为 raised 。
resizable : yes | no | 1 | 0 | on | off 指定对话框是否可以被用户改变尺寸。默认值为 no 。
scroll : yes | no | 1 | 0 | on | off 指定对话框是否显示滚动条。默认值为 yes 。
status : yes | no | 1 | 0 | on | off 指定对话框是否显示状态条。对于不被信任的对话框默认值为 yes 。对于被信任的对话框默认值为 no 。
unadorned : yes | no | 1 | 0 | on | off 指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no 。
另外，在NewBox.jsp的javaScript代码bconfirm()方法中：
<SCRIPT>
<!--
function bconfirm(){
dialogArguments.addNameform.inboxname.value=document.form1.
inboxname.value;
dialogArguments.opensub();
window.close();
}
function bcancel(){
window.close();
}
-->
</SCRIPT>
注:addNameform为AddName.jsp中隐藏表单name，使用window.showModalDialog方法是要用dialogArguments传递参数。其他部分不变。
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/FlyByDream/archive/2007/08/08/1731725.aspx
分享到：
相关推荐
用户在登录页面login.jsp的两个文本框中分别输入用户名和密码，若输入正确（即：输入的数据和数据库中的数据相一致,使用JavaBean验证）则弹出对话框，显示提示信息“登录成功，确定后即可进行管理操作！”，否则提示...
33. 实现在页面上添加一行输入对话框 34. 制作验证码图片? 35. 图片缩小放大功能 36. 点击输入框弹出日期选择？ 37. 在图片上传前查看自己要上传的图片? 38. 在图片排列的页面上选中一个图片,然后把它删掉? 39. 显示...
实现在页面上添加一行输入对话框 34. 制作验证码图片? 35. 图片缩小放大功能 36. 点击输入框弹出日期选择？ 37. 在图片上传前查看自己要上传的图片? 38. 在图片排列的页面上选中一个图片,然后把它...
实例009 关闭IE主窗口时，不弹出询问对话框 13 1.2 弹出网页对话框 14 实例010 弹出网页模式对话框 14 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 ...
用户在登录页面的两个文本框中分别输入用户名和密码，若输入正确（即：输入的数据和数据库中的数据相一致）则弹出对话框，显示提示信息“登录成功，确定后即可进行管理操作！”，否则提示“登录失败。用户名或密码...
（3）将弹出“附加数据库”对话框，在该对话框中单击“ ”按钮，选择所要附加数据库的.mdf文件，单击“确定”按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将01文件夹拷贝到Tomcat安装路径下的...
（4）单击Tomcat Manager超链接，弹出“连接到 localhost”对话框。 （5）在用户名及密码处输入登录Tomcat的用户名和密码，单击【确定】按钮。 （6）进入“Tomcat应用程序管理”页面，在此页面中单击“08”，进入本...
（10）在弹出如图4所示的对话框中，选择“Server”下拉选择框中的“Tomcat 5”服务器，单击“完成”按钮程序将自动发布到服务器中。如果需要重新发布项目，可以单击Redeploy按钮。 图4 New Deployment （11）单击...
（3）注册成功之后，弹出一个对话框，显示“恭喜你，，注册成功”，并实现跳转到登录页面。（4）注册页面，对用户名进行检测，在数据库里面重复的用户名，弹出对话框。提示“用户名已经存在，请重新填写”。（5）...
（3）将弹出“附加数据库”对话框，在该对话框中单击“”按钮，选择所要附加数据库的.mdf文件，单击“确定”按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将01文件夹拷贝到Tomcat安装路径下的...
（3）将弹出“附加数据库”对话框，在该对话框中单击【 】按钮，选择所要附加数据库的db_BlodMay_Data.MDF文件，单击【确定】按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将“TM\10”文件夹拷贝到...
（3）将弹出“附加数据库”对话框，在该对话框中单击【】按钮，选择所要附加数据库的db_onLineMusic_Data.MDF文件，单击【确定】按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将12文件夹拷贝到...
（5）单击Tomcat Manager超链接，弹出“连接到 localhost”对话框。 （6）在用户名及密码处输入登录Tomcat的用户名和密码，单击【确定】按钮。 （7）进入“Tomcat应用程序管理”页面，在此页面中单击“chatroom”...
2.31 新增成功/失败弹出对话框而不离开窗口 78 2.32 权限检查调用点 79 2.32.1 为查询方法增加权限控制（PowerUtils.addPower()） 79 2.32.2 为按钮增加权限控制（在平台子系统配置方法任务关联） 81 2.33 保存成功...
（3）将弹出“附加数据库”对话框，在该对话框中单击“”按钮，选择所要附加数据库的.mdf文件，单击“确定”按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将“01”文件夹拷贝到Tomcat安装路径...
（3）将弹出“附加数据库”对话框，在该对话框中单击“ ”按钮，选择所要附加数据库的.mdf文件，单击“确定”按钮，即可完成数据库的附加操作。 将程序发布到Tomcat下 （1）将01、BLOG文件夹拷贝到Tomcat安装路径下...
下列()实现单击超级链接是弹出确认对话框，询问用户是否真的删除。 A.删除 B.删除 C.删除 D.删除 正确答案：A 您的答案： 本题解析： 暂无解析 4.在HTML中引用外部JavaScript文件中的正确代码为()。 A. B. C. D. ...
用户在没有登录自己的用户名之前只能浏览本网站的首页，想要使用其他功能都会弹出对话框，显示请登录，所以使用本系统的第一个前提条件就是需要先完成注册和登录。在右侧先点击注册按钮进入注册界面，按照要求完成...
用户在没有登录自己的用户名之前只能浏览本网站的首页，想要使用其他功能都会弹出对话框，显示请登录，所以使用本系统的第一个前提条件就是需要先完成注册和登录。在右侧先点击注册按钮进入注册界面，按照要求完成...
在弹出的对话框中单击是按钮。 之后选择 jakarta 这项，单击鼠标右键选择编辑功能权限选项，如下图所示全部选中。至此所 有的配置完毕。 第 6 页 在浏览器中输入 localhost(不加 8080)访问 IIS 的服务器，可以...