一、跳转到 tabBar 页面

wx.switchTab()方法用来跳转至tabBar页面，并关闭其他所有非 tabBar 页面，示例代码如下：

wx.switchTab({
  url: '/index'
})

二、跳转到其他页面（非tabBar页）

小程序中跳转至其他页面有三种方法，这三种方法分别是是wx.redirectTo()、wx.navigateTo()以及wx.reLaunch()，他们的区别是redirectTo方法会关闭当前页面，navigateTo方法并不会关闭当前页面并且页面栈最多十层。，而reLaunch方法会关闭所有页面。需要注意的是，这两种方法都不可以跳转至tabBar页面。方法示例如下：

//redirectTo方法
wx.redirectTo({
  url: '/page'//页面路径
})

//navigateTo方法
wx.navigateTo({
  url: '/page'//页面路径
})

//reLaunch方法
wx.reLaunch({
  url: '/page'//页面路径
})

三、返回上一页面或返回多级页面

wx.navigateBack()方法用来返回上一页面或多级页面，并关闭当前页面。示例代码如下：

//navigateBack方法
wx.navigateBack({
  delta: 2 //返回的页面数，1为返回上一页，如果delta大于现有页面数，则返回到首页。
})

微信小程序页面跳转目前有以下方法（不全面的欢迎补充）：

1. 利用小程序提供的 API 跳转：

// 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
// 注意：调用 navigateTo 跳转时，调用该方法的页面会被加入堆栈，但是 redirectTo 
wx.navigateTo({
  url: 'page/home/home?user_id=111'
})


// 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
wx.navigateTo({
  url: 'page/home/home?user_id=111'　　// 页面 A
})
wx.navigateTo({
  url: 'page/detail/detail?product_id=222'　　// 页面 B
})
// 跳转到页面 A
wx.navigateBack({
  delta: 2
})


// 关闭当前页面，跳转到应用内的某个页面。
wx.redirectTo({
  url: 'page/home/home?user_id=111'
})


// 跳转到tabBar页面（在app.json中注册过的tabBar页面），同时关闭其他非tabBar页面。
wx.switchTab({
  url: 'page/index/index'
})


// 关闭所有页面，打开到应用内的某个页面。
wx.reLanch({
  url: 'page/home/home?user_id=111'
})

2. wxml 页面组件跳转（可以通过设置open-type属性指明页面跳转方式）：

// navigator 组件默认的 open-type 为 navigate 
<navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>

// redirect 对应 API 中的 wx.redirect 方法
<navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>

// switchTab 对应 API 中的 wx.switchTab 方法
<navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>

// reLanch 对应 API 中的 wx.reLanch 方法
<navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">关闭所有页面，打开到应用内的某个页面</navigator>

// navigateBack 对应 API 中的 wx.navigateBack 方法
<navigator url="/page/index/index" open-type="navigateBack" hover-class="other-navigator-hover">关闭当前页面，返回上一级页面或多级页面</navigator>

<view class="itemWeight" catchtap="jumpToOverMissionList">
// 在js代码中写：其中，url是跳转的相对路径，？问号后面加的是参数，以key－value的方式，这里传了个value为2的参数过去 

jumpToOverMissionList:function(){ 
    wx.navigateTo({
        url:"mission/missionList/missionList?type=2" 
    }); 
},

3、跳转页面技巧（经验交流）

微信小程序某个页面直接返回首页（即微信小程序回退到首页）
打开小程序后，到三级页面后点击左上角的返回按钮，能够直接返回到首页
 
正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一界面，如果要返回到A 界面就会出现 C -> B -> A 的效果。
如果想实现 A -> B -> C 当 C 点击返回时， 实现直接 C -> A 这种效果， 就只能A -> B 通过 wx.navigateTo 跳转，B -> C 通过 wx.redirectTo 跳转，跳转触发后 B 页面就会被销毁， C 页面再返回 wx.navigateBack 就会直接到 A 了。

例如：
第一个页面采用navigateTo， 

wx.navigateTo({
    url: '/pages/logs/logs',
})

在第二个页面中使用redirectTo。

wx.redirectTo({
    url: '/pages/test/test',
})

这里是重点：在第三个页面点击回退时，会直接回到第一个页面。

wx.redirectTo()跳转到新页面之后，会自动销毁上一个页面，在新页面点击返回按钮时，会直接回到上上一个页面

这是相当于在这个回退过程中直接销毁第二个页面 

页面跳转

wx.navigateTo(OBJECT)

这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面”类似于html中的 window.location.href=" "

wx.navigateTo({
  url: 'test?id=1'
})

实际效果如下：

小程序中左上角有一个返回箭头，可返回上一个页面；

也可以通过方法 wx.navigateBack 返回原页面；

wx.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。类似于html中的 window.open('你所要跳转的页面');

wx.redirectTo({
  url: 'test?id=1'
})

效果如下：
左上角没有返回箭头，不能返回上一个页面；

wx.switchTab(OBJECT)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面；

app.json：

{
  "tabBar": {
    "list": [{
      "pagePath": "index",
      "text": "首页"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}

wx.switchTab({
  url: '/index'
})

wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面，只能用 wx.switchTab 跳转到 tabbar 页面；

wx.reLaunch(OBJECT)

关闭所有页面，打开到应用内的某个页面。

跟 wx.redirectTo 一样左上角不会出现返回箭头，但两者却不完全相同；

这里要提到小程序中的 getCurrentPages() 方法：

在 wx.navigateTo 中，每跳转一个新的页面，其原始页面就会被加入堆栈，通过调用 wx.navigateBack(OBJECT) 可通过获取堆栈中保存的页面返回上一级或多级页面；

wx.redirectTo 方法则不会被加入堆栈，但仍可通过 wx.navigateBack(OBJECT) 方法返回之前堆栈中的页面；

wx.reLaunch 方法则会清空当前的堆栈。

// 此处是A页面
wx.navigateTo({
  url: 'B?id=1'
})

// 此处是B页面
wx.navigateTo({
  url: 'C?id=1'
})

// 在C页面内 navigateBack，将返回b页面
wx.navigateBack({
  delta: 1
})

// 此处是B页面
wx.redirectTo({
 url: 'C?id=1'
})

// 在C页面内 navigateBack，则会返回a页面 
wx.navigateBack({
 delta: 1
})

// 此处是B页面
wx.reLaunch({
 url: 'C?id=1'
})

// 在C页面内 navigateBack，则无效

返回上级页面

wx.navigateBack({ 
	delta: 1 //返回上一级页面
});