JS和JSP实现页面跳转的几种方法

一、js如何实现页面跳转

       所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转，如我们打开的是A页面，通过javsrcipt脚本就会跳转到B页面。目前很多垃圾站经常用js跳转将正常页面跳转到广告页面，当然也有一些网站为了追求吸引人的视觉效果，把一些栏目链接做成js链接，但这是一个比较严重的蜘蛛陷阱，无论是SEO人员还是网站设计人员应当尽力避免。

1.常规的JS页面跳转代码

1、在原来的窗体中直接跳转用

<script type="text/javascript">
　　window.location.href="你所要跳转的页面";
</script>

2、在新窗体中打开页面用：

<script type="text/javascript">
　　window.open('你所要跳转的页面');
</script>

3、JS页面跳转参数的注解

<SCRIPT LANGUAGE="javascript">
　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
　　//写成一行　
</SCRIPT>

参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空'代替；
　　height=100 窗口高度；
　　width=500 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值。

2.跳转指定页面的JS代码

第1种：
 

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

第2种：

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

第3种：这个方法是只针对IE的

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

第4种：

<script language="JavaScript"> 
　　self.location=’top.htm’; 
</script>

第5种：

<script language="javascript"> 
　　alert("非法访问！"); 
　　top.location=’xx.jsp’; 
</script>

3.页面停留指定时间再跳转（如3秒）

<script type="text/javascript">
　　function jumurl(){
　　    window.location.href = 'http://www.mahaixiang.cn/';
　　}
　　setTimeout(jumurl,3000);
</script>

4.根据访客来源跳转的JS代码

1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转，直接打开网站不跳转：
 

<script LANGUAGE="Javascript">
　　var s=document.referrer
　　if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
　　location.href="http://www.mahaixiang.cn/";
</script>

2、JS直接跳转代码

<script LANGUAGE="Javascript">
　　location.href="http://www.mahaixiang.cn/";
</script>

3、ASP跳转代码判断来路

<%
　　if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
　　response.redirect("http://www.mahaixiang.cn/")
　　end if
%>

4、ASP直接跳转的

　　response.redirect("http://www.mahaixiang.cn/")

5.页面跳出框架

<script type="text/javascript">
　　top.location.href='http://www.mahaixiang.cn/';
</script>

6.返回上一页

<script type="text/javascript">
　　window.history.back(-1);
</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");
}

3.＜jsp:forward page="" /＞

它的底层部分是由RequestDispatcher来实现的，因此它带有RequestDispatcher.forward()方法的印记。

如果在之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意。

注意：

它不能改变浏览器地址，刷新的话会导致重复提交

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

JSP几种跳转方法，注意：

(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()方法。