jsp弹出提⽰框
JSP ⽹页在与⽤户交互的过程中,有时需要弹出提⽰框,通知⽤户⼀些信息,如登录密码错误等
在做JSP⽹页项⽬中, 实践并总结了三种有效的⽅式
⽅式1: JSP前端
<script type="text/javascript" language="javascript">
alert("您还没有登录,请登录...");
window.document.location.href="userlogin.html";
</script>
⽅式2: Java后台
public void popAlert() {undefined
response.setCharacterEncoding("utf-8");
PrintWriter out = Writer();
out.print("<script>alert('您还没有登录,请登录...'); window.location='userlogin.html' </script>"); out.flush();
out.close();
}
⽅式3: Java后台 + JSP前端
1) Java后台代码段
public void popAlert() {undefined
request.setAttribute("loginError", "您还没有登录,请登录..."); // 设置错误属性
}
2) JSP前端代码段
<%
String errorInfo = (Attribute("loginError"); // 获取错误属性
if(errorInfo != null) {undefined
%>
<script type="text/javascript" language="javascript">
alert("<%=errorInfo%>"); // 弹出错误信息
window.location='userlogin.html' ; // 跳转到登录界⾯
</script>
<%
}
%>
总结
三种⽅式,实质都是通过JavaScript弹出对话框,提⽰⽤户密码错误,当⽤户点击alert确定按钮后,⾃动跳转到登录界⾯userlogin.html
对话框有三种
1:只是提醒,不能对脚本产⽣任何改变;
2:⼀般⽤于确认,返回 true 或者 false ,所以可以轻松⽤于 if...判断
html自动弹出公告代码3: ⼀个带输⼊的对话框,可以返回⽤户填⼊的字符串,常见于某些留⾔本或者论坛输⼊内容那⾥的 插⼊UBB格式图⽚
下⾯我们分别演⽰:
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/
DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三种弹出对话框的⽤法实例</title>
<script language="javascript">
function ale()
{//这个基本没有什么说的,就是弹出⼀个提醒的对话框
alert("我敢保证,你现在⽤的是演⽰⼀");
}
function firm()
{//利⽤对话框返回的值 (true 或者 false)
if(confirm("你确信要转去 天轰穿的博客?"))
{//如果是true ,那么就把页⾯转向thcjpblogs
location.href="thcjpblogs";
}
else
{//否则说明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{undefined
var name=prompt("请输⼊您的名字","");//将输⼊的内容赋给变量 name ,
//这⾥需要注意的是,prompt有两个参数,前⾯是提⽰的话,后⾯是当对话框出来后,在对话框⾥的默认值
if(name)//如果返回的有内容
{undefined
alert("欢迎您:"+ name)
}
}
</script>
</head>
<body>
<p>对话框有三种</p>
<p>1:只是提醒,不能对脚本产⽣任何改变;</p>
<p>2:⼀般⽤于确认,返回 true 或者 false ,所以可以轻松⽤于 if else判断 </p>
<p>3: ⼀个带输⼊的对话框,可以返回⽤户填⼊的字符串,常见于某些留⾔本或者论坛输⼊内容那⾥的 插⼊UBB格式图⽚ </p> <p>下⾯我们分别演⽰:</p>
<p>演⽰⼀:提醒 对话框</p>
<p>
<input type="submit" name="Submit" value="提交" οnclick="ale()" />
</p>
<p>演⽰⼆ :确认对话框 </p>
<p>
<input type="submit" name="Submit2" value="提交" οnclick="firm()" />
</p>
<p>演⽰三 :要求⽤户输⼊,然后给个结果</p>
<p>
<input type="submit" name="Submit3" value="提交" οnclick="prom()" />
</p>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论