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不胜感激！

JavaScript 实现页面跳转的几种方式相关推荐

实现前端页面跳转的几种方式
实现前端页面跳转的几种方式推荐使用 <script language='javascript'> document.location = 'http://mail.qq.com/do ...
html js页面跳转的几种方式
页面跳转的几种方式一:js的跳转 1.直接跳转:window.location.href <script language="javascript" type=" ...
js代码中实现页面跳转的几种方式
js代码中实现页面跳转的几种方式注:jquery的$.get(),$.post(),$.ajax()都不会使页面发送跳转,因为其本质都是ajax请求. 第一种: <script languag ...
java中跳转页面的两种方法_页面跳转的几种方式
页面跳转的几种方式: --------------(网络收藏) http头实现页面跳转: out.println(""); content是指跳转的时间间隔,单位为秒 ------ ...
JavaWeb，使用servlet/jsp时页面跳转的两种方式：转发和重定向
一.两种跳转获得对象的方式 1️⃣获得转发对象getRequestDispatcher() httpServletRequest.getRequestDispatcherServletContext. ...
新版微信不停跳转到小程序_微信小程序页面跳转的几种方式
最近在做微信小程序,碰到页面跳转的问题,总结一下页面之间跳转的方式一.wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个 ...
微信小程序开发-页面跳转的几种方式
最近在做微信小程序,碰到页面跳转的问题,总结一下页面之间跳转的方式一.wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个 ...
【微信小程序】页面跳转的四种方式
页面跳转 wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个页面"类似于html中的 window.locati ...
PHP实现页面跳转的三种方式
PHP实现页面跳转有三种方式,我们一一介绍,推荐使用第一.三方式. 1.借助PHP的header()函数实现. header()函数的主要功能是将HTTP协议标头(header)输出到浏览器. 注意: ...
js和jquery实现页面跳转的几种方式
js跳转方式 1.在原有的页面跳转 window.location.href='b.html' 2.在原有的页面返回上一个页面 window.history.back(-1) 3.在原有的页面跳转到b ...

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

JavaScript 实现页面跳转的几种方式相关推荐

最新文章

热门文章