小程序跳转到的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 22 Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 Javascript
关于延迟加载JavaScript
May 05 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
如何屏蔽防止别的网站嵌入框架代码
Aug 24 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
JS查找字符串中出现次数最多的字符
Sep 05 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
vue组件化中slot的基本使用方法
May 01 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代码
2008/04/09 PHP
php版微信公众号接口实现发红包的方法
2016/10/14 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
设定php简写功能的方法
2019/11/28 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
前台js调用后台方法示例
2013/12/02 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
JavaScript实现页面5秒后自动跳转的方法
2015/04/16 Javascript
自己编写的支持Ajax验证的JS表单验证插件
2015/05/15 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
location.hash保存页面状态的技巧
2016/04/28 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
vue.js实现回到顶部动画效果
2019/07/31 Javascript
详解webpack-dev-middleware 源码解读
2020/03/23 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
Python3.x和Python2.x的区别介绍
2013/02/12 Python
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
python实现发送邮件功能
2017/07/22 Python
Python实现简易Web爬虫详解
2018/01/03 Python
python实现教务管理系统
2018/03/12 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
浅谈python3.x pool.map()方法的实质
2019/01/16 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
python使用ctypes调用扩展模块的实例方法
2020/01/28 Python
详解移动端HTML5音频与视频问题及解决方案
2018/08/22 HTML / CSS
代理协议书范本
2014/04/22 职场文书
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技