JavaScript 实现页面跳转的几种方式

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.html';    
 
</script> 
复制代码

5.top.location方式实现页面跳转

<script language="javascript">           
 
top.location='xx.jsp';    
 
</script>
复制代码

6.window.history.back(-1)方式实现页面跳转，不推荐这种方式跳转

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

最后
如果你觉得此文对你有一丁点帮助，点个赞。或者可以加入我的开发交流群：1025263163相互学习，我们会有专业的技术答疑解惑

如果你觉得这篇文章对你有点用的话，麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu不胜感激 ！