微信小程序和H5页面间相互跳转代码实例


Posted in Javascript onSeptember 19, 2019

这篇文章主要介绍了微信小程序和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',

});
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
May 21 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
学习JavaScript设计模式(单例模式)
Nov 26 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
May 07 Javascript
js实现的在线调色板功能完整实例
Dec 21 Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
解决vue中post方式提交数据后台无法接收的问题
Aug 11 Javascript
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
Aug 27 jQuery
微信小程序引入VANT组件的方法步骤
Sep 19 #Javascript
iview form清除校验状态的实现
Sep 19 #Javascript
对layui中table组件工具栏的使用详解
Sep 19 #Javascript
layui自定义工具栏的方法
Sep 19 #Javascript
Node 代理访问的实现
Sep 19 #Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
Sep 19 #Javascript
微信小程序进入广告实现代码实例
Sep 19 #Javascript
You might like
PHP mcrypt可逆加密算法分析
2011/07/19 PHP
学习php开源项目的源码指南
2014/12/21 PHP
PHP中overload与override的区别
2017/02/13 PHP
php识别翻转iphone拍摄的颠倒图片
2018/05/17 PHP
Laravel 队列使用的实现
2019/01/08 PHP
laravel高级的Join语法详解以及使用Join多个条件
2019/10/16 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
背景音乐每次刷新都可以自动更换
2007/02/01 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
2019/03/05 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
2019/05/14 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
2019/09/15 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
python通过post提交数据的方法
2015/05/06 Python
python selenium firefox使用详解
2019/02/26 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
与世界上最好的跑步专业品牌合作:Fleet Feet
2019/03/22 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
药店主任岗位责任制
2014/02/10 职场文书
飞机制造技术专业求职信
2014/07/27 职场文书
学生检讨书范文
2015/01/27 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
2016年寒假社会实践活动心得体会
2015/10/09 职场文书
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS