小程序跳转到的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中Date对象的getDay方法使用指南
Dec 22 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
js实现倒计时效果(小于10补零)
Mar 08 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
详解vuex的简单使用
Mar 12 Javascript
webpack打包js的方法
Mar 12 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
js实现单元格拖拽效果
Feb 10 Javascript
如何解决vue在ios微信"复制链接"功能问题
Mar 26 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 去除html标记--strip_tags与htmlspecialchars的区别详解
2013/06/26 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
php中单个数据库字段多列显示(单字段分页、横向输出)
2014/07/28 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
jQuery中filter()和find()的区别深入了解
2013/09/25 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
jquery中实现时间戳与日期相互转换
2016/04/12 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
2016/11/23 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
vue使用iframe嵌入网页的示例代码
2020/06/09 Javascript
JavaScript中var、let、const区别浅析
2018/06/24 Javascript
JSONObject与JSONArray使用方法解析
2020/09/28 Javascript
Javascript实现关闭广告效果
2021/01/29 Javascript
使用Python进行二进制文件读写的简单方法(推荐)
2016/09/12 Python
python基础教程之五种数据类型详解
2017/01/12 Python
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
Django 中使用流响应处理视频的方法
2018/07/20 Python
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Django中的cookie和session
2019/08/27 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
H5页面适配iPhoneX(就是那么简单)
2019/12/02 HTML / CSS
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
英国银首饰公司:e&e Jewellery
2021/02/11 全球购物
加入学生会演讲稿
2014/04/24 职场文书
员工考核评语大全
2014/04/26 职场文书
师恩难忘教学反思
2014/04/27 职场文书
3分钟演讲稿
2014/04/30 职场文书
2014幼儿园教师个人工作总结
2014/11/08 职场文书
皇城相府导游词
2015/02/06 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书