微信小程序和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 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
jQuery实现的Email中的收件人效果(按del键删除)
Mar 20 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
完美解决input[type=number]无法显示非数字字符的问题
Feb 28 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
Jul 06 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
Javascript实现运算符重载详解
Apr 07 Javascript
详解Vue打包优化之code spliting
Apr 09 Javascript
微信小程序引入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
程序员编程十条戒律
2009/07/09 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
php微信开发之关注事件
2018/06/14 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
jQuery+html5实现div弹出层并遮罩背景
2015/04/15 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
JS控制HTML元素的显示和隐藏的两种方法
2016/09/27 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
微信小程序 实现点击添加移除class
2017/06/12 Javascript
EasyUI Tree树组件无限循环的解决方法
2017/09/27 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
Angular实现的进度条功能示例
2018/02/18 Javascript
利用React Router4实现的服务端直出渲染(SSR)
2019/01/07 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
浅析TypeScript 命名空间
2020/03/19 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
在Python中使用Neo4j数据库的教程
2015/04/16 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
python实现抖音视频批量下载
2018/06/20 Python
python单向链表的基本实现与使用方法【定义、遍历、添加、删除、查找等】
2019/10/24 Python
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
凯蒂·佩里个人女鞋品牌:Katy Perry Collections
2019/04/04 全球购物
教育孩子心得体会
2014/01/01 职场文书
学校介绍信范文
2014/01/14 职场文书
小区门卫管理制度
2014/01/29 职场文书
国际商贸专业自荐信
2014/06/09 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
大学团日活动总结书
2015/05/11 职场文书
2015年物资管理工作总结
2015/05/20 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python