小程序跳转到的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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
极酷的javascirpt,让你随意编辑任何网页
Feb 25 Javascript
Javascript 表单之间的数据传递代码
Dec 04 Javascript
Aptana调试javascript图解教程
Nov 30 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
jquery 实现输入邮箱时自动补全下拉提示功能
Oct 04 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
在微信小程序里使用watch和computed的方法
Aug 02 Javascript
jquery分页优化操作实例分析
Aug 23 jQuery
JS动态图片的实现方法完整示例
Jan 13 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 批量删除数据的方法分析
2009/10/30 PHP
php数组去重的函数代码
2013/02/03 PHP
php有效防止同一用户多次登录
2015/11/19 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
PHP中一个有趣的preg_replace函数详解
2018/08/15 PHP
PHP实现基于状态的责任链审批模式详解
2019/05/31 PHP
Laravel 前端资源配置教程
2019/10/18 PHP
基于jQuery实现下拉收缩(展开与折叠)特效
2012/12/25 Javascript
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
js+div实现图片滚动效果代码
2014/02/10 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
JavaScript中定义对象原型的两种使用方法
2016/12/15 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
微信小程序授权获取用户详细信息openid的实例详解
2017/09/20 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
js实现移动端轮播图
2020/12/21 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
JavaScript进阶(一)变量声明提升实例分析
2020/05/09 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
2020/08/04 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
深入Python解释器理解Python中的字节码
2015/04/01 Python
python中threading超线程用法实例分析
2015/05/16 Python
Python打印斐波拉契数列实例
2015/07/07 Python
IntelliJ IDEA安装运行python插件方法
2018/12/10 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
专科文秘应届生求职信
2013/11/18 职场文书
社团招新策划书
2014/02/04 职场文书
电台编导求职信
2014/05/06 职场文书
党员承诺书格式
2014/05/21 职场文书
会计试用期工作总结2015
2015/05/28 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript