前端基础页面跳转

Posted 2021-03-05 vole

页面跳转的几种方式

1、超级链接

<a href="servlet/StudentServlet?method=delete&sno=${stu.sno}">删除</a>&nbsp;|&nbsp;
<a href="javascript:deleteStu(${stu.sno})">删除2</a>&nbsp;|&nbsp;
<a href="servlet/StudentServlet?method=getById&sno=${stu.sno}">修改</a>
<a href="student/studentUpdate2.jsp?sno=${stu.sno}">修改2</a>
<a href="javascript:openUpdateWin(${stu.sno})">修改3</a>
<a href="javascript:openUpdateWin2(${stu.sno})">修改4</a>

2、提交表单

3、地址栏输入url

4、转发与重定向（实现自动跳转）（服务器后端实现跳转的方式）

5、跳转到上一个页面

第一个页面：
<div class="box-footer" style="text-align:right">
    <input type="button" value="修改密码" id="bt1" onclick="window.location.href=‘http://localhost:8080/bs/changePassword.jsp‘"/>
</div>  

  
第二个页面：
<div>
<button type="button" class="btn btn-default" data-dismiss="modal" onclick="window.history.back()">关闭</button>      
</div>

javascript中直接写：window.history.back();