微信小程序和H5页面间相互跳转代码实例
更新时间：2019年09月19日 09:55:37 作者：执着的小前端
这篇文章主要介绍了微信小程序和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.h5跳转到小程序wx.miniProgram.navigateTo
// 点击立即体验跳转到小程序
$('.experience').click(function () {
wx.miniProgram.navigateTo({
url: '/pages/index/index',
});
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了微信小程序实现日历签到功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要介绍了javascript中使用正则计算中文长度的例子,需要的朋友可以参考下2014-04-04
本实例使用Javascript实现在textarea光标处插入文本,支持多种浏览器2013-03-03
Sublime Text 3插件Minify的安装与使用(js代码压缩)
这篇文章主要介绍了Sublime Text 3插件Minify的安装与使用(js代码压缩),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-01-01
在本篇文章里小编给大家整理了一篇关于js对象的读取速度实例详解内容，有需要的朋友们可以跟着学习下。2021-11-11
纯javascript前端实现base64图片下载(兼容IE10+)
这篇文章主要介绍了纯javascript前端实现base64图片下载(兼容IE10+)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
这篇文章主要为大家详细介绍了微信小程序视图容器（swiper）组件创建轮播图，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
这篇文章主要介绍了详解Webpack-dev-server的proxy用法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
Echarts中参数的配置功能很强大,对任何一项的配置都很细致,下面这篇文章主要给大家介绍了关于Echarts中常用的参数总结及参数自定义的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
分享一个Javascript编写函数的优化技巧;适用的函数应该要满足以下条件;产生固定结果;复杂或较耗时等等，感兴趣的朋友可以了解下2013-01-01
最新评论