小程序跳转到的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 简单验证代码(用户名,密码,邮箱)
Sep 28 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
May 03 Javascript
dotopAlert 提示用户需安装播放器的代码
Sep 17 Javascript
jQuery插件 selectToSelect使用方法
Oct 02 Javascript
javascript自动切换焦点控制效果完整实例
Feb 02 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
jQuery数组处理函数整理
Aug 03 Javascript
关于javascript事件响应的基础语法总结(必看篇)
Dec 26 Javascript
angular实现图片懒加载实例代码
Jun 08 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
JavaScript Dom实现轮播图原理和实例
Feb 19 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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
Zend Framework教程之Application用法实例详解
2016/03/14 PHP
yii2 url重写并隐藏index.php方法
2018/12/10 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
JS实现仿PS的调色板效果完整实例
2016/12/21 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
2017/12/08 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
JS实现自定义弹窗功能
2018/08/08 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
Vue使用预渲染代替SSR的方法
2020/07/02 Javascript
Postman无法正常返回结果问题解决
2020/08/28 Javascript
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
python获取mp3文件信息的方法
2015/06/15 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
Python决策树分类算法学习
2017/12/22 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
Django基础知识与基本应用入门教程
2018/07/20 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
文明教师事迹材料
2014/01/16 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
通知函的格式
2015/04/27 职场文书
工伤劳动仲裁代理词
2015/05/25 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书