小程序跳转到的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 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
js 加载并解析XML字符串的代码
Dec 13 Javascript
锋利的jQuery 第三章章节总结的例子
Mar 23 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
webpack搭建vue 项目的步骤
Dec 27 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
Oct 02 Javascript
vant自定义二级菜单操作
Nov 02 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
Protoss兵种对照表
2020/03/14 星际争霸
php获取mysql字段名称和其它信息的例子
2014/04/14 PHP
php服务器的系统详解
2019/10/12 PHP
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
laytpl 精致巧妙的JavaScript模板引擎
2014/08/29 Javascript
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
Bootstrap每天必学之导航
2015/11/26 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
vue移动端UI框架实现QQ侧边菜单组件
2018/03/09 Javascript
基于vue.js实现的分页
2018/03/13 Javascript
深入浅析AngularJs模版与v-bind
2018/07/06 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
在vue-cli3中使用axios获取本地json操作
2020/07/30 Javascript
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
pyqt5 禁止窗口最大化和禁止窗口拉伸的方法
2019/06/18 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
python实现视频读取和转化图片
2019/12/10 Python
python如何更新包
2020/06/11 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
公务员综合考察材料
2014/02/01 职场文书
网络研修随笔感言
2014/02/17 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python