JQuery实现网页的跳转
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery实现网页的跳转相关的知识，希望对你有一定的参考价值。
参考技术A 借鉴别人给出的方法比如当前的url为localhost:8080/user/login
如果我们需要跳转回localhost:8080/user/admin
1.我们可以利用http的重定向来跳转
window.location.replace("/user/admin");
2.使用href来跳转
window.location.href = " http://www.baidu.com ";
3.使用jQuery的属性替换方法
3.1 $(location).attr('href', '/user/admin');
3.2 $(window).attr('location','/user/admin');
3.3 $(location).prop('href', '/user/admin')
至于为什么可以这么跳转，大概是因为相对路径的原因吧
用jQuery制作简单的注册成功后的跳转页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="/WEB03/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
function jump(count){
window.setTimeout(function(){
count--;
if(count>0){
$("#second").html(count);
jump(count);
}else{
location.href="https://www.baidu.com";
}
},1000);
}
jump(5);
});
</script>
<title>Insert title here</title>
</head>
<body>
恭喜你注册成功！
<span id="second" style="color:red">5</span>
秒内自动跳转，如不跳转请点击
<a href="https://www.baidu.com">这里</a>
</body>
</html>
以上是关于JQuery实现网页的跳转的主要内容，如果未能解决你的问题，请参考以下文章