微信小程序和H5页面间相互跳转的示例分析

这篇文章主要为大家展示了“微信小程序和H5页面间相互跳转的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“微信小程序和H5页面间相互跳转的示例分析”这篇文章吧。

网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、微信小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了润州免费建站欢迎大家使用！

1.微信小程序跳转小程序 wx.navigateToMiniProgram

// 小程序跳转
/*
* appId	string	是	要打开的小程序 appId	
* path	string	否	打开的页面路径，如果为空则打开首页	
* extraData	object	否	需要传递给目标小程序的数据，目标小程序可在 App.onLaunch，App.onShow 中获取到这份数据。	
* envVersion	string	release	否	要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版，则打开的小程序必定是正式版。 (develop 开发板 trial 体验版 release正式版)	
* success	function	否	接口调用成功的回调函数	
* fail	function	否	接口调用失败的回调函数	
* complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）
*/
navigateToMiniProgram(mAppId)
{
　　wx.navigateToMiniProgram({
　　　　appId: mAppId,
　　　　path: 'page/index/index?id=123',
　　　　extraData: {
　　　　　　foo: 'bar'
　　　　},
　　　　envVersion: 'release',
　　　　success(res) {
　　　　// 打开成功
　　　　ret_handler(res);
　　　　},
　　　　fail(res) {
　　　　}
　　})
},

2.h6跳转到小程序wx.miniProgram.navigateTo

// 点击立即体验跳转到小程序
$('.experience').click(function () {
　　wx.miniProgram.navigateTo({
　　　　url: '/pages/index/index',
　　});
})

以上是“微信小程序和H5页面间相互跳转的示例分析”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！