小程序跳转到的H5页面再跳转回跳小程序的方法

 更新时间:2020年03月06日 14:50:18   作者:_52赫兹_  
这篇文章主要介绍了小程序跳转到的H5页面再跳转回跳小程序的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

哈喽,大家上午好,萍子又来啦,本人最近一段时间一直在做小程序的项目,大大小小的坑真的是踩了不小,无奈本人啊还老是忘记自己究竟踩过那些坑,但是不得不说虽然小程序尚还有很多不完善的地方,但是还是蛮强大的啦,也是引得众公司纷纷引用小程序项目啊。
之前萍子写过一篇从小程序跳转到H5页面的博文小程序跳H5页面,那么今天我们一起来看看如何跳回来,我们要有始有终哇,O(∩_∩)O哈哈~
####H5跳转到小程序的方法

方法有两个:
第一种比较简单,就直接点击手机的返回键,让它自动根据层级返回即可;
第二种,可使用JSSDK 1.3.2提供的接口返回小程序接口,所以我们需要在H5页面引入相应的js文件才能进行操作

那么第一种方法,我们就不用多说了,直接单击手机的返回键即可啦。我们着重来说一下引用文件进行操作的这一种,其实也不难。
刚好这两天我手头上的项目是需要写小程序跳转到H5,再从H5操作完跳转回来的,所以正好写下来分享一下咯。
请看下图的代码,我大致H5里面也就写了一个h1标签,用来点击操作跳转到小程序中。


如图所示,在H5页面引入https://res.wx.qq.com/open/js/jweixin-1.3.2.js文件,然后根据自己的需要选择下方适当的跳转方式api,配置上已发布正式的小程序页面,进行实践操作即可跳转到你想要跳转到的小程序页面中。


####跳转传递参数并接收
然后还需要提到的一点就是,无论是小程序跳转H5页面还是跳转回来都是可以传递参数的,当然传递参数也很简单,就直接拼接在跳转链接的后面即可。比如现在我们要从H5页面调到小程序页面,那么从上面的代码图大家也看见了,参数直接拼接在后面,跳转到小程序页面在目标页面的onload的options中获取传递过来的参数即可,这里因为就不再进行演示啦。

到此这篇关于小程序跳转到的H5页面再跳转回跳小程序的方法的文章就介绍到这了,更多相关小程序跳转H5再跳回内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js对数组中的数字从小到大排序实现代码

    js对数组中的数字从小到大排序实现代码

    对数组中的数字从小到大排序,很多时候需要用的多,需要的朋友可以参考下
    2012-09-09
  • 纯JS代码实现隔行变色鼠标移入高亮

    纯JS代码实现隔行变色鼠标移入高亮

    这篇文章主要介绍了纯JS代码实现隔行变色鼠标移入高亮的相关资料,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • javascript实现类似于新浪微博搜索框弹出效果的方法

    javascript实现类似于新浪微博搜索框弹出效果的方法

    这篇文章主要介绍了javascript实现类似于新浪微博搜索框弹出效果的方法,涉及javascript弹出搜索框的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • uniapp上传本地图片以及以二进制流的方式上传

    uniapp上传本地图片以及以二进制流的方式上传

    这篇文章主要给大家介绍了关于uniapp上传本地图片以及以二进制流的方式上传的相关资料,最近在自己写一个uniapp的项目,刚好遇到了上传图片到服务器的功能,这里总结一下,需要的朋友可以参考下
    2023-07-07
  • IE中鼠标经过option触发mouseout的解决方法

    IE中鼠标经过option触发mouseout的解决方法

    这篇文章主要介绍了IE中鼠标经过option触发mouseout的解决方法,分析了IE中鼠标移到option时window.event.toElement返回值为null的原因及解决方法,需要的朋友可以参考下
    2015-01-01
  • js简单判断flash是否加载完成的方法

    js简单判断flash是否加载完成的方法

    这篇文章主要介绍了js简单判断flash是否加载完成的方法,通过PercentLoaded方法对flash的加载进行判断,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript最完整的深浅拷贝实现方式详解

    JavaScript最完整的深浅拷贝实现方式详解

    这篇文章主要为大家详细介绍了JavaScript最完整的深浅拷贝实现方式,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-02-02
  • JavaScript订单操作小程序完整版

    JavaScript订单操作小程序完整版

    这篇文章主要介绍了JavaScript订单操作小程序完整版,增加订单,删除订单,修改订单数量,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • bootstrap的常用组件和栅格式布局详解

    bootstrap的常用组件和栅格式布局详解

    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目,本文介绍了bootstrap的常用组件和栅格式布局详解,有兴趣的可以了解一下
    2017-05-05
  • javascript中正则表达式语法详解

    javascript中正则表达式语法详解

    这篇文章主要介绍了javascript中正则表达式语法详解,文章通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论