java和JavaScript关于页面跳转的几个例子

1、JavaScript通过window.location=url；的方式:

window.location = “http://www.baidu.com”和window.location.href = “http://www.baidu.com”都是正确的。

java中有设置location消息头的方式，属于重定向，具体如下：response.setHeader("LocAtion","index.jsp");response.setStatus(302);//前者指定重定向的路径，后者指定重定向的执行指令

<a class="btn btn-default btn-sm" href="javascript:delete01('${pageContext.servletContext.contextPath}/Delete.ContactServlet?id=${contact.id}','${contact.name}');">删除</a>
                            <script>
                                function delete01(url01,username){
                                    if(window.confirm("确定删除\""+username+"\"吗？")){
                                        window.location = url01;
                                    }
                                }
                            </script>

<center>
                <h3>你还没有<a href="javascript:;" οnclick="toLogin()">登录</a>，请先<a href="javascript:toLogin();">登录</a></h3>
            </center>
            <script>
                function toLogin(){
                    window.location = "${pageContext.servletContext.contextPath}/login.jsp";
                }
            </script>

2、JavaScript中通过window.history.go(-1/0/1);的方式分别实现后退/刷新/前进的功能，或者window.history.back()/forward()实现前进和后退的功能。

out.write("<script>alert('验证码错误');window.history.go(-1);</script>");

以上代码，向弹出验证码错误警示框，然后再回退。

<div class="form-group" style="text-align: center">
                    <input class="btn btn-primary" type="submit" value="提交" />
                    <input class="btn btn-default" type="reset" value="重置" />
                    <input class="btn btn-default" type="button" value="返回" οnclick="goback()"/>
                </div>
                <script>
                    function goback(){
                        window.history.go(-1);
                    }
                </script>

<div class="form-group" style="text-align: center">
                        <input class="btn btn-primary" type="submit" value="提交"/>
                        <input class="btn btn-default" type="reset" value="重置"/>
                        <input class="btn btn-default" type="button" value="返回" οnclick="goback()"/>
                        <script>
                            function goback(){
                                window.history.back();
                            }
                        </script>
                    </div>

4、JavaScript中confirm方法的典型使用：

 <a class="btn btn-default btn-sm" href="javascript:delete01('${pageContext.servletContext.contextPath}/Delete.ContactServlet?id=${contact.id}','${contact.name}');">删除</a>
                            <script>
                                function delete01(url01,username){
                                    if(window.confirm("确定删除\""+username+"\"吗？")){
                                        window.location = url01;
                                    }
                                }
                            </script>

5、java中的定时刷新：先输出一个页面，再定时刷新跳转。

out.write("<center><h2>添加失败失败，即将返回添加页面</h2></center>");
            response.setHeader("refresh","3;"+request.getContextPath()+"/add.jsp");

6、java后台服务器输出js代码控制页面跳转：

response.getWriter().write("<script>alert('添加成功');location.href='add.jsp';</script>");