微信小程序开发向导系列：对于页面跳转1

微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用，也是一项门槛非常高的创新，经过将近两年的发展，已经构造了新的小程序开发环境和开发者生态。

从跳转的方式（或说成打开新页面的方式）来说大致可分为：请求转发，请求重定向和 TAB页跳转(有过web经验的话，应该很清楚两种方式的区别)，部分出自官方文档。

wx.navigateTo(OBJECT)

保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。

wx.navigateTo(OBJECT)

微信小程序开发指南系列：关于页面跳转

注意点：小程序中要求页面的层级最多只能有五层，因为这种方式保留当前页面，也就是说以这种方式跳转页面，最多只能打开5个页面。

关闭当前页面，跳转到应用内的某个页面。

微信小程序开发指南系列：关于页面跳转

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

微信小程序开发指南系列：关于页面跳转

wx.navigateBack(OBJECT)

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。

微信小程序开发指南系列：关于页面跳转

注意点：
1.这里需要强调一下小程序中以堆栈形式记录页面。每一个以wx.navigateTo(OBJECT) 方式跳转的页面都会被压入堆栈，但是以wx.redirectTo(OBJECT) 打开的页面则不会。借用一下官方的例子，很清晰明了。

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

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

// 在C页面内 navigateBack，将返回A页面
wx.navigateBack()

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

从写的位置来说大致可分为两种，一种是在页面wxml文件中以标签的形式，另一种是代码的形式（这种上面已经列举出来了，此处不再赘述）。

通过open-type 可以指定跳转的方式是请求转发，请求重定向还是TAB页跳转。（效果同上面js代码的效果，此处不再赘述）

这里记录一个笔者遇到的坑，坑了我一晚上。。。也是很无语。虽然不是页面跳转的问题，但是也有一定联系，姑且记在这里。

本来我的项目首页有两个tab，需要在其中一个列表页中点击一个item进入详情，查看地图。然而，不管我怎么尝试，文档撸了N遍，都还是没解决。

上面报错的aboutUs是首页的其中另一个tab，只是一个展示页，没有操作，所以虽然报错了，然而我并没有管。问题出在我跳转pages/map（详情的地图）的时候,提示我如上最后一行的错误。