小程序跳转到的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 相关文章推荐
location.href 在IE6中不跳转的解决方法与推荐使用代码
Jul 08 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
Oct 15 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
使用socket.io制做简易WEB聊天室
Jan 02 Javascript
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 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
同时提取多条新闻中的文本一例
2006/10/09 PHP
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
php去掉文件前几行的方法
2015/07/29 PHP
javaScript - 如何引入js代码
2021/03/09 Javascript
javascript编程起步(第六课)
2007/01/10 Javascript
JavaScript的9个陷阱及评点分析
2008/05/16 Javascript
Javascript中的变量使用说明
2010/05/18 Javascript
jQuery 定时局部刷新(setInterval)
2010/11/19 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
利用iscroll4实现轮播图效果实例代码
2017/01/11 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
Vue 使用Props属性实现父子组件的动态传值详解
2019/11/13 Javascript
Element Input输入框的使用方法
2020/07/26 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python 编程之twisted详解及简单实例
2017/01/28 Python
django的登录注册系统的示例代码
2018/05/14 Python
Python实现多线程的两种方式分析
2018/08/29 Python
PyQt5通信机制 信号与槽详解
2019/08/07 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Python3.6+selenium2.53.6自动化测试_读取excel文件的方法
2019/09/06 Python
用openCV和Python 实现图片对比,并标识出不同点的方式
2019/12/19 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
python中if及if-else如何使用
2020/06/02 Python
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
.NET里面如何取得当前的屏幕分辨率
2012/12/06 面试题
单位人事专员介绍信
2014/01/11 职场文书
校庆标语集锦
2014/06/25 职场文书
十佳家长事迹材料
2014/08/26 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书