微信小程序和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 相关文章推荐
Exjs 入门篇
Apr 07 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
Jun 19 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
基于js判断浏览器是否支持webGL
Apr 18 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的引用原因分析
2012/09/06 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
如何离线执行php任务
2017/02/21 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
JavaScript保留两位小数的2个自定义函数
2014/05/05 Javascript
js闭包的用途详解
2014/11/09 Javascript
bootstrap常用组件之头部导航实现代码
2017/04/20 Javascript
vue.extend实现alert模态框弹窗组件
2018/04/28 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
vue eslint简要配置教程详解
2019/07/26 Javascript
关于uniApp editor微信滑动问题
2021/01/15 Javascript
Vue 事件的$event参数=事件的值案例
2021/01/29 Vue.js
[04:44]DOTA2西游记战队视频彩蛋流出 师徒开黑巧遇林书豪
2016/08/03 DOTA
[20:39]DOTA2-DPC中国联赛 正赛开幕式 1月18日
2021/03/11 DOTA
Python中的深拷贝和浅拷贝详解
2015/06/03 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
计算机本科生自荐信
2013/10/15 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
房地产端午节活动方案
2014/08/24 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
药店营业员岗位职责
2015/04/14 职场文书
实习证明模板
2015/06/16 职场文书
MySQL范围查询优化的场景实例详解
2022/06/10 MySQL
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers