小程序跳转到的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 07 Javascript
利用JS重写Cognos右键菜单的实现代码
Apr 11 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
Jquery操作radio的简单实例
Jan 06 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
vue select 获取value和lable操作
Aug 28 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设计聊天室步步通
2006/10/09 PHP
PHP 中dirname(_file_)讲解
2007/03/18 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
PHP浮点比较大小的方法
2016/02/14 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
php无限级分类实现方法分析
2016/10/19 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
JavaScript 节点操作 以及DOMDocument属性和方法
2007/12/06 Javascript
谷歌浏览器 insertCell与appendChild的区别
2009/02/12 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
js Function类型
2011/12/04 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
JS+CSS实现带关闭按钮DIV弹出窗口的方法
2015/02/27 Javascript
每天一篇javascript学习小结(Boolean对象)
2015/11/12 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
详解Angular-cli生成组件修改css成less或sass的实例
2017/07/27 Javascript
解决vue打包后刷新页面报错:Unexpected token
2019/08/27 Javascript
[49:40]2018DOTA2亚洲邀请赛小组赛 A组加赛 TNC vs Newbee
2018/04/03 DOTA
jupyter安装小结
2016/03/13 Python
python文本数据相似度的度量
2018/03/12 Python
Python 判断图像是否读取成功的方法
2019/01/26 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
美国最大的团购网站:Groupon
2016/07/23 全球购物
六年级数学教学反思
2014/02/03 职场文书
建筑安全员岗位职责
2014/03/13 职场文书
质量保证书格式模板
2015/02/27 职场文书
清明扫墓感想
2015/08/11 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
node.js使用express-fileupload中间件实现文件上传
2021/07/16 Javascript