小程序跳转到的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 表单之间的数据传递代码
Dec 04 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
JS 仿腾讯发表微博的效果代码
Dec 25 Javascript
jQuery实现单击和鼠标感应事件
Feb 01 Javascript
jquery获取节点名称
Apr 26 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
详解js实现线段交点的三种算法
Aug 09 Javascript
JS常用算法实现代码
Nov 14 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
vue+springboot实现登录验证码
May 27 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同时支持GIF、png、JPEG
2006/10/09 PHP
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
PHP面向对象概念
2011/11/06 PHP
php遍历文件夹和文件列表示例分享
2014/03/11 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
js null,undefined,字符串小结
2010/08/21 Javascript
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
点击隐藏页面左栏或右栏实现js代码
2013/04/01 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
Angular表单验证实例详解
2016/10/20 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
小程序红包雨的实现示例
2019/02/19 Javascript
用C++封装MySQL的API的教程
2015/05/06 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
python读取各种文件数据方法解析
2018/12/29 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
Python装饰器使用你可能不知道的几种姿势
2019/10/25 Python
tornado+celery的简单使用详解
2019/12/21 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
Python实现查找数据库最接近的数据
2020/06/08 Python
Python 抓取数据存储到Redis中的操作
2020/07/16 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
购买一个高级域名:BuyDomains
2018/03/11 全球购物
枚举与#define宏的区别
2014/04/30 面试题
企业读书活动总结
2014/06/30 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
房屋认购协议书
2015/01/29 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书