小程序跳转到的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 相关文章推荐
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
vue.js实现插入数值与表达式的方法分析
Jul 06 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
如何基于filter实现网站整体变灰功能
Apr 17 Javascript
Vue实现点击当前行变色
Dec 14 Vue.js
小程序跳转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/09/09 PHP
PHP的autoload自动加载机制使用说明
2010/12/28 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
解决phpmyadmin中缺少mysqli扩展问题的方法
2013/05/06 PHP
PHP输出XML到页面的3种方法详解
2013/06/06 PHP
PHP JSON出错:Cannot use object of type stdClass as array解决方法
2014/08/16 PHP
php tpl模板引擎定义与使用示例
2019/08/09 PHP
php实现记事本案例
2020/10/20 PHP
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
JavaScript中指定函数名称的相关方法
2015/06/04 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
Angular4表单验证代码详解
2017/09/03 Javascript
在vue项目中使用sass的配置方法
2018/03/20 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
JS实现简单日历特效
2020/01/03 Javascript
[15:58]DOTA2国际邀请赛采访专栏:Tongfu.Sansheng&KingJ,DK.rOtk
2013/08/08 DOTA
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
实时获取Python的print输出流方法
2019/01/07 Python
简单了解python中的与或非运算
2019/09/18 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
2020/02/09 Python
CSS3样式linear-gradient的使用实例
2017/01/16 HTML / CSS
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
幼儿教师个人求职信范文
2013/09/21 职场文书
公共场所标语
2014/06/30 职场文书
高中美术教师事迹材料
2014/08/22 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
见习报告怎么写
2014/10/31 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
教师教育教学随笔
2015/08/15 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书