JSP实现界面的自动跳转的几种方式

下面来谈一谈在jsp中实现的几种界面自动跳转的方法。

使用JavaScript脚本


<html>
<script language=javascript>
function out(obj){
var i=obj;
if(i==0)
    document.location.herf="target,html";
document.body.innerHTML=i;
i--;
setTimeout("out("+i+")",1000);
}
</script>
<!--可以在这里进行方法的调用-->
<body onload="out(5)">
</body>
</html>

使用JSP语法

<% response.setHeader("Refresh","5;URL="Target.html");%>

需要注意的是,这里面的第二个参数内的数字5代表了5秒后将会进行界面的跳转!

元方法


<META HTTP-EQUIV="REFRESH" CONTENT="2" URL="Target.jsp">

更新后
这几天看到了关于这第三种方式的评论,说是页面老是刷新死循环,然后不能正确的跳转,于是我又检查了一下语法,发现确实是写错了。这里非常感谢博友们的批评指正,现将正确的写法更新。如下:

<meta http-equiv="Refresh" content="3;url=http://localhost:8080/temp/two.jsp">



属性解释:
content=2是指时间控制为2秒,表示每隔2秒就会进行界面的刷新。
url代表的即为将要跳转到的界面。



总结:
我个人最喜欢使用第二种方式,就是因为其代码少,简洁的同时还兼具灵活的特点。相比之下,js实现就显得略繁琐,元方法配置属性又显得不够灵活。但是实际的使用过程中可能他们有各自的优点,这一点还需要我们自己去挖掘、去探索、去总结!

时间: 2024-09-26 02:29:13

JSP实现界面的自动跳转的几种方式的相关文章

关于jsp和servlet中实现页面跳转的几种方式总结

 关于jsp和servlet中实现页面跳转的几种方式: 假设要求从test1.jsp 跳转到test2.jsp 一. jsp中跳转: 1. 使用RequestDispatcher.forward方法转发 <%  RequestDispatcher rd = getServletContext().getRequestDispatcher("/test/test2.jsp");  rd.forward(request, response); %> 2. response.se

JS实现n秒后自动跳转的两种方法_javascript技巧

本文实例为大家分享了JS实现n秒后自动跳转的两种方法,供大家参考,具体内容如下 第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = &q

js实现页面跳转的几种方式

第一种:     <script language="javascript" type="text/javascript">            window.location.href="login.jsp?backurl="+window.location.href;     </script> 第二种:     <script language="javascript"> alert

Javascript实现页面跳转的几种方式分享_javascript技巧

第一种: 复制代码 代码如下: <script language="javascript" type="text/javascript">window.location.href="login.jsp?backurl="+window.location.href; </script> 第二种: 复制代码 代码如下: <script language="javascript">alert(&q

网站页面自动跳转实现方法PHP、JSP(下)_javascript技巧

本文讨论网页自动跳转的几种实现方法.方法一:使用meta标签meta标签是html不可或缺的标签之一,它负责提供文档的元信息,其参数主要有: ① http-equiv: 与 文档中数据相关的HTTP文件首部 ② content: 与命名HTTP首部相关的数据 ③ name: 文档描述 ④ url: 与元信息相联系的URL当我们定义属性http-equiv为refresh,打开此Web页时系统将根据content规定的值在一定时间内跳转到相应页面,content="秒数;url=网址"就

xcode phonegap-在phonegap中,怎么自动跳转到一个网站去

问题描述 在phonegap中,怎么自动跳转到一个网站去 在phonegap中,怎么设置网站从而使它一运行不会出现HelloWorld界面,而是自动跳转到一个网站去

将html页改成jsp的两种方式_JSP编程

一般情况,将html页改成jsp有两种方法,第一种是直接修改html文件,另一种是新建jsp文件.下面具体说一下这两种方式. 假设我们要将testPage.html文件修改为testPage.jsp文件.原testPage.html文件内容为: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu

JSP中的倒数计时和自动跳转页面

 老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了. 1,在标签中建立onload事件,用作自动刷新: <body onload="shownum()"> 2,在<script>中编写onload事件: <script type="text/javascript"> var i = 6; function shownum(){ i=

JSP中的倒数计时和自动跳转页面_JSP编程

老师说要写blog,然后只能把雪藏了多年没动过的博客重新翻出来了,今天先分享下JSP里的倒数计时和自动跳转页面 抓狂然后刚才好不容易码完,网页出错了. 1,在标签中建立onload事件,用作自动刷新: <body onload="shownum()"> 2,在<script>中编写onload事件: <script type="text/javascript"> var i = 6; function shownum(){ i=i