小程序跳转到的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 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
FormValid0.5版本发布,带ajax自定义验证例子
Aug 17 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
JS获取短信验证码倒计时的实现代码
May 22 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
JS实现显示当前日期的实例代码
Jul 03 Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 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实现网站插件机制的方法
2009/11/10 PHP
php更新修改excel中的内容实例代码
2014/02/26 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
jQuery/CSS3图片特效插件整理推荐
2014/12/07 Javascript
js实现图片从左往右渐变切换效果的方法
2015/02/06 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
Vue AST源码解析第一篇
2017/07/19 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
vue 利用路由守卫判断是否登录的方法
2018/09/29 Javascript
JS+php后台实现文件上传功能详解
2019/03/02 Javascript
Node.js从字符串生成文件流的实现方法
2019/08/18 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
vue项目开启Gzip压缩和性能优化操作
2020/10/26 Javascript
[02:59]2014DOTA2西雅图国际邀请赛 圆满落幕中国夺冠
2014/07/23 DOTA
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
浅谈css3中的前缀
2016/07/20 HTML / CSS
Nike挪威官网:Nike.com (NO)
2018/11/26 全球购物
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
大学生职业生涯规划书前言
2014/01/09 职场文书
2015年新学期寄语
2015/02/26 职场文书
房屋维修申请报告
2015/05/18 职场文书
日元符号 ¥
2022/02/17 杂记