jsp js弹出网页对话框
收藏
使用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传递参数。其他部分不变。
分享到：
相关推荐
实例380 使用JavaScript脚本弹出对话框 628 实例381 打开新窗口显示详细信息 629 实例382 关闭弹出窗口刷新父窗口 631 实例383 弹出网页模式对话框 633 实例384 弹出全屏显示网页 635 17.2 其他 637 ...
◆弹出对话框后在本窗体打开文件index.jsp out.println("<script language='javascript'>alert('弹出内容！');window.location.href='index.jsp';</script>"); ◆弹出对话框后在父窗体打开文件index.jsp out....
实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 26 实例014 页面自动滚动 26 实例015 打开窗口特殊效果 27 实例016 动态显示窗口 29 实例017 慢慢放大的...
3.2 弹出网页对话框 3.3 无边框窗口 3.4 水平导航条应用 3.5 下拉菜单式导航条 3.6 侧导航条设计 第4章 实用的JavaScript函数 4.1 字符串处理 4.2 数据验证 4.3 日期与时间
70. jsp直接弹出下载框下载文件? 71. 配置数据连接池和数据源（Tomcat）? 72. 点击图1变为图2? 73. JSP中显示图片的方法之一? 74. int转为Integer的方法? 75. 请求jsp页面禁止缓存方法? 76. select选中其中的值自动...
浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。...
通过使用JavaScript、JSP或者Servlet等技术实现web服务器的...用户可以点击相关按钮后，通过弹出的对话框选择本地磁盘内的文件后，将文件上传到服务器中。 在此基础上，实现一次上传一个目录内的多个文件到服务器上。
9.在打开网页后弹出一个宽200,高300的窗口,且在该网页关闭后，弹出的窗口也关闭。 10.直接利用Javascript操作DOM模型，将当前目录下的10张图片循环显示在网页上。 12. 在状态栏上显示，访问者在本页停留的时间（如：...
但是IE9下，alert弹出消息对话框瞬间，jsp页面不被渲染，显示个白页，当点击alert中的“OK”后，页面才被渲染。 IE9下如何才能达到和IE8下同样的效果？ 试了ie9的兼容模式，不起作用。Jsp代码中强制使用ie8解析模式...
jsp直接弹出下载框下载文件? 71. 配置数据连接池和数据源（Tomcat）? 72. 点击图1变为图2? 73. JSP中显示图片的方法之一? 74. int转为Integer的方法? 75. 请求jsp页面禁止缓存方法? 76. select...
ReYoPrint内含一个在vc7.0上开发的ActiveX控件（73k）, 这个控件主要实现对打印参数的控制，ReYoPrint使用户通过JavaScript脚本可以控制分页，页眉页脚，页边距，打印方向，自定义纸张，直接打印，弹出打印对话框再...
参数说明： url:弹出页面地址 agrs：主窗口传给对话框的参数，可以是任意类型（数组也可以） dialogattrs：弹出窗口的样式参数 模式对话框用法： 主窗口：var value =window.showModalDialog(‘test.jsp’,strs,’...
16.2 弹出网页对话框 634 16.3 窗口的动画效果 643 16.4 窗口控制 652 16.5 框架的应用 659 16.6 无边框窗口 666 第17章 导航条的应用 671 17.1 水平导航条的应用 672 17.2 下拉菜单式导航条 680 17.3 侧导航条设计 ...
16.2 弹出网页对话框 634 16.3 窗口的动画效果 643 16.4 窗口控制 652 16.5 框架的应用 659 16.6 无边框窗口 666 第17章 导航条的应用 671 17.1 水平导航条的应用 672 17.2 下拉菜单式导航条 680 17.3 侧导航条设计 ...
一般来说，显示在最前面的窗口都是因为窗口被激活获得焦点，要使窗口永远显示在最前面，可以人为的设置窗口在blur时立刻focus，或者用模式、无模式对话框实现
主要介绍了JS实现弹出浮动窗口,可支持鼠标拖动和关闭的功能,界面美观大方,涉及javascript动态创建对话框的相关技巧,需要的朋友可以参考下
JSP中点击链接弹出确定取消选择对话框，点确定跳入到JSP处理页面,点取消留在当前页面？怎么写
project1简单的注册登录功能 :javaBean+jsp+servlet+mysqlSP程序设计课程完成JSP程序下*...（4）注册页面，对用户名进行检测，在数据库里面重复的用户名，弹出对话框。提示“用户名已经存在，请重新填写”。（5）注册
1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行...
下列()实现单击超级链接是弹出确认对话框，询问用户是否真的删除。 A.删除 B.删除 C.删除 D.删除 正确答案：A 您的答案： 本题解析： 暂无解析 4.在HTML中引用外部JavaScript文件中的正确代码为()。 A. B. C. D. ...