小程序跳转到的H5页面再跳转回跳小程序的方法


Posted in Javascript onMarch 06, 2020

哈喽,大家上午好,萍子又来啦,本人最近一段时间一直在做小程序的项目,大大小小的坑真的是踩了不小,无奈本人啊还老是忘记自己究竟踩过那些坑,但是不得不说虽然小程序尚还有很多不完善的地方,但是还是蛮强大的啦,也是引得众公司纷纷引用小程序项目啊。
之前萍子写过一篇从小程序跳转到H5页面的博文小程序跳H5页面,那么今天我们一起来看看如何跳回来,我们要有始有终哇,O(∩_∩)O哈哈~
####H5跳转到小程序的方法

方法有两个:
第一种比较简单,就直接点击手机的返回键,让它自动根据层级返回即可;
第二种,可使用JSSDK 1.3.2提供的接口返回小程序接口,所以我们需要在H5页面引入相应的js文件才能进行操作

那么第一种方法,我们就不用多说了,直接单击手机的返回键即可啦。我们着重来说一下引用文件进行操作的这一种,其实也不难。
刚好这两天我手头上的项目是需要写小程序跳转到H5,再从H5操作完跳转回来的,所以正好写下来分享一下咯。
请看下图的代码,我大致H5里面也就写了一个h1标签,用来点击操作跳转到小程序中。

小程序跳转到的H5页面再跳转回跳小程序的方法

如图所示,在H5页面引入https://res.wx.qq.com/open/js/jweixin-1.3.2.js文件,然后根据自己的需要选择下方适当的跳转方式api,配置上已发布正式的小程序页面,进行实践操作即可跳转到你想要跳转到的小程序页面中。

小程序跳转到的H5页面再跳转回跳小程序的方法

####跳转传递参数并接收
然后还需要提到的一点就是,无论是小程序跳转H5页面还是跳转回来都是可以传递参数的,当然传递参数也很简单,就直接拼接在跳转链接的后面即可。比如现在我们要从H5页面调到小程序页面,那么从上面的代码图大家也看见了,参数直接拼接在后面,跳转到小程序页面在目标页面的onload的options中获取传递过来的参数即可,这里因为就不再进行演示啦。

到此这篇关于小程序跳转到的H5页面再跳转回跳小程序的方法的文章就介绍到这了,更多相关小程序跳转H5再跳回内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 定义新对象方法
Feb 20 Javascript
按钮JS复制文本框和表格的代码
Apr 01 Javascript
jQuery操作 input type=checkbox的实现代码
Jun 14 Javascript
jquery将一个表单序列化为一个对象的方法
Jan 03 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
javascript文件加载管理简单实现方法
Jul 25 Javascript
thinkphp标签实现bootsrtap轮播carousel实例代码
Feb 19 Javascript
JavaScript中in和hasOwnProperty区别详解
Aug 04 Javascript
vue计算属性及使用详解
Apr 02 Javascript
layer提示框添加多个按钮选择的实例
Sep 12 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
小程序跳转H5页面的方法步骤
Mar 06 #Javascript
js实现点赞按钮功能的实例代码
Mar 06 #Javascript
微信小程序去除左上角返回键的实现方法
Mar 06 #Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
Mar 06 #Javascript
vue-router 路由传参用法实例分析
Mar 06 #Javascript
JavaScript前端实现压缩图片功能
Mar 06 #Javascript
vue2路由方式--嵌套路由实现方法分析
Mar 06 #Javascript
You might like
跨浏览器PHP下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
PHP使用strtotime获取上个月、下个月、本月的日期
2015/12/30 PHP
获取Javscript执行函数名称的方法
2006/12/22 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
jQuery 获取对象 定位子对象
2010/05/31 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
2014/01/11 Javascript
JQuery设置时间段下拉选择实例
2014/12/30 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
js中怎么判断两个字符串相等的实例
2019/01/17 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
微信小程序利用云函数获取手机号码
2019/12/17 Javascript
JS数组方法join()用法实例分析
2020/01/18 Javascript
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
Python 实现集合Set的示例
2020/12/21 Python
python如何发送带有附件、正文为HTML的邮件
2021/02/27 Python
美国五金商店:Ace Hardware
2018/03/27 全球购物
全球最大的游戏市场:G2A
2018/07/05 全球购物
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
公司接待方案
2014/03/08 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
2014年党建工作总结
2014/11/11 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL
十大动画制作软件,Adobe产品上榜两款,第一是行业标准软件
2022/03/18 杂记
阿里云ECS云服务器快照的概念以及如何使用
2022/04/21 Servers