微信小程序和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 相关文章推荐
Javascript 面向对象(三)接口代码
May 23 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
jQuery循环遍历子节点并获取值的方法
Apr 14 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
MvcPager分页控件 适用于Bootstrap
Jun 03 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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
PHP实现文件下载断点续传详解
2014/10/15 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
由prototype_1.3.1进入javascript殿堂-类的初探
2006/11/06 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
JavaScript实现显示函数调用堆栈的方法
2016/04/21 Javascript
javascript学习笔记_浅谈基础语法,类型,变量
2016/09/19 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
2017/12/27 Javascript
如何去除vue项目中的#及其ie9兼容性
2018/01/11 Javascript
浅谈AngularJS中$http服务的简单用法
2018/05/15 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
2018/06/24 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
python访问mysql数据库的实现方法(2则示例)
2016/01/06 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
利用Python yagmail三行代码实现发送邮件
2018/05/11 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
python 公共方法汇总解析
2019/09/16 Python
浅谈django不使用restframework自定义接口与使用的区别
2020/07/15 Python
Python-split()函数实例用法讲解
2020/12/18 Python
加拿大便宜的隐形眼镜商店:Clearly
2016/09/15 全球购物
保安拾金不昧表扬信
2014/01/15 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
公共艺术专业自荐信
2014/09/01 职场文书
车辆转让协议书
2014/09/24 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书
Python使用scapy模块发包收包
2021/05/07 Python
vue递归实现树形组件
2022/07/15 Vue.js