jsp页面中的js实现跳转

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsp页面中的js实现跳转相关的知识,希望对你有一定的参考价值。

out.print("<script style='text/javascript'>alert('修改成功');localhost.replace('manageProduct.jsp');</script>");为什么不能跳转

Jsp 页面跳转的几种方法
1. RequestDispatcher.forward()

在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet、JSP 或普通html文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有frame的html文件,同时forward()无法在后面带参数传递,比 如servlet?name=frank,这样不行,可以程序内通过response.setAttribute("name",name)来传至下一个 页面。
重定向后浏览器地址栏URL不变。
例:在servlet中进行重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException
response.setContentType("text/html; charset=gb2312");
ServletContext sc = getServletContext();
RequestDispatcher rd = null;
rd = sc.getRequestDispatcher("/index.jsp"); //定向的页面
rd.forward(request, response);



request.getRequestDispatcher(" /index.jsp ").forward(request, response);//转发到index .jsp getServletConfig().getServletContext().getRequestDispatcher("
/index.jsp ").forward(request, response);
//转发到 index .jsp
通常在servlet中使用,不在jsp中使用。
2. response.sendRedirect()

在用户的浏览器端工作,sendRedirect()可以带参数传递,比如servlet?name=frank传至下个页面,同时它可以重定向至不同的主机上,sendRedirect()可以重定向有frame.的jsp文件.
重定向后在浏览器地址栏上会出现重定向页面的URL。
例:在servlet中重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException
response.setContentType("text/html; charset=gb2312");
response.sendRedirect("/index.jsp");

由于response是jsp页面的隐含对象,故在jsp页面中可用response.sendRedirect()直接实现重定位。

注意:
(1) 使用response.sendRedirect时,前面不能有HTML输出;

这并不是绝对的,不能有HTML输出其实是指不能有HTML被送到了浏览器。事实上现在的server都有cache机制,一般在8K(我是说 JSP SERVER),这就意味着,除非你关闭了cache,或者你使用了out.flush()强制刷新,那么在使用sendRedirect之前, 有少量的HTML输出也是允许的。
(2) response.sendRedirect之后,应该紧跟一句return。
我们已经知道response.sendRedirect是通过浏览器来做转向的,所以只有在页面处理完成后,才会有实际的动作。既然你已经要做转向了,那么后的输出还有什么意义呢?而且有可能会因为后面的输出导致转向失败。
比较:
(1) Dispatcher.forward()是容器中控制权的转向,在客户端浏览器地址栏中不会显示出转向后的地址;
(2) response.sendRedirect()则是完全的跳转,浏览器将会得到跳转的地址,并重新发送请求链接。这样,从浏览器的地址栏中可以看到跳转后的链接地址。
前者更加高效,在前者可以满足需要时,尽量使用RequestDispatcher.forward()方法。
在有些情况下,比如,需要跳转到一个其它服务器上的资源,则必须使HttpServletResponse.sendRequest()方法


3. <jsp:forward page="" />

它的底层部分是由RequestDispatcher来实现的,因此它带有RequestDispatcher.forward()方法的印记。
如果在之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意。
注意:
它不能改变浏览器地址,刷新的话会导致重复提交

4. 修改HTTP header的Location属性来重定向
通过设置直接修改地址栏来实现页面的重定向。
jsp文件代码如下:
<%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
String newLocn = "/newpath/jsa.jsp";
response.setHeader("Location",newLocn);
%>

5. JSP中实现在某页面停留若干秒后,自动重定向到另一页面
在html文件中,下面的代码:
<meta http-equiv="refresh" content="300; url=target.jsp">
它的含义:在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
由上可知,可以通过setHeader来实现某页面停留若干秒后,自动重定向到另一页面。代码:
String content=stayTime+";URL="+URL;
response.setHeader("REFRESH",content);

Js 页面跳转(父页面,外层页面,本页面)
"window.location.href"、"location.href"是本页面跳转
"parent.location.href"是上一层页面跳转
"top.location.href"是最外层的页面跳转
举例说明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
"window.location.href"、"location.href":D页面跳转
"parent.location.href":C页面跳转
"top.location.href":A页面跳转
如果D页面中有form的话,

: form提交后D页面跳转

: form提交后弹出新页面
: form提交后C页面跳转
: form提交后A页面跳转
关于页面刷新,D 页面中这样写:
"parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
"top.location.reload();": A页面刷新

Js 控制页面跳转的几种方法

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

第二种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

第三种:
<script language="javascript">
window.navigate("top.jsp");
</script>

第四种:
<script language="JavaScript">
self.location='top.htm';
</script>

第五种:
<script language="javascript">
alert("非法访问!");
top.location='xx.jsp';
</script>

第六种:
<script type="text/javascript">
// 页面若在框架内,则跳出框架
if (self != top)
top.location = self.location;
;

</script>

第七种:
自定义时间跳转(方法一):
<script language="javascript">
var secs = 3; //倒计时的秒数
var URL ;
function Load(url)
URL = url;
for(var i=secs;i>=0;i--)

window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);


function doUpdate(num)

document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页' ;
if(num == 0) window.location = URL;

</script>

然后在里面加上 index.asp为自己要跳转的页面。
在之间加上

自定义时间跳转(方法二):
<p style="text-indent: 2em; margin-top: 30px;">
系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址,如果未能跳转,<a href="http://www.jb51.net" title="点击访问">请点击</a>。
<script type="text/javascript">
delayURL();
function delayURL()
var delay = document.getElementById("time").innerHTML;
var t = setTimeout("delayURL()", 1000);
if (delay > 0)
delay--;
document.getElementById("time").innerHTML = delay;
else
clearTimeout(t);
window.location.href = "http://www.jb51.net";


</script>
参考技术A js方式的页面跳转
1.window.location.href方式
<script language="javascript" type="text/javascript">
window.location.href="http://www.dayanmei.com/";
</script>

2.window.navigate方式跳转
<script language="javascript">
window.navigate("top.jsp");
</script>
3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
window.location.replace("http://www.dayanmei.com");
</script>

3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,进入2.jsp的时候,
2.jsp里面用window.location.replace("3.jsp");与用window.location.href
("3.jsp");从用户界面来看是没有什么区别的,3.jsp页面有一个"返回"按钮,调用window.history.go(-1);
wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用
window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用
window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。

4.self.location方式实现页面跳转,和下面的top.location有小小区别
<script language="JavaScript">
self.location='top.htm';
</script>

5.top.location
<script language="javascript">
top.location='xx.jsp';
</script>
6.不推荐这种方式跳转
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
php程序中,这种方式跳转前面不能有任何输出
<?php
header("url.php");
?>
meta方式实现跳转(content = 3 单位是秒)
参考技术B localhost.replace('manageProduct.jsp') ==>window.location.href='manageProduct.jsp'本回答被提问者采纳 参考技术C out.print("<script style='text/javascript'>alert('修改成功');window.location='manageProduct.jsp';</script>"); 参考技术D 楼上都对
replace()是替换字符的。。。

怎么用js跳转带有URL参数的页面

例:怎么用js跳转到下面带有URL参数的页面http://www.sysmicro.cn/article/articledetails.asp?fid=3&sid=61&cid=625

window.open("url","","");第一个参数是url,第二个是控制你页面是打开新窗口还是在原来窗口打开,第三个参数是控制打开的窗口的大小,是否有地址栏等等等东西 如果你真想研究下HTML基础,建议下个DHTML帮助文档,里面不仅仅是HTML,还有各个文档对象的js方法属性和一些例子 参考技术A window.location.href = url 参考技术B document.location.href = " http://www.sysmicro.cn/article/articledetails.asp?fid=3&sid=61&cid=625";

以上是关于jsp页面中的js实现跳转的主要内容,如果未能解决你的问题,请参考以下文章

jeecg中怎样在jsp页面中的子tab页获取数据

jsp中如何点击按钮跳转到另一个页面?

jsp页面函数中如何获取sevlet传过来的List

java jsp页面数据导入到excel中的问题

js获取url 中的值,并跳转相应页面

jsp页面里 怎样动态修改一个按钮的背景色?