使用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,;);
}
/*在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,历史按钮
height=140'高
left=200,距离左边200
top=300,距离顶端300
这时要在newbox.jsp里加上一部分js代码,下面是newbox.jsp的代码
复制代码代码示例: