微信小程序和H5页面间相互跳转代码实例

 更新时间:2019年09月19日 09:55:37   作者:执着的小前端  
这篇文章主要介绍了微信小程序和H5页面间相互跳转代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

这篇文章主要介绍了微信小程序和H5页面间相互跳转代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.微信小程序跳转小程序 wx.navigateToMiniProgram

// 小程序跳转
/*
* appId	string	是	要打开的小程序 appId	
* path	string	否	打开的页面路径,如果为空则打开首页	
* extraData	object	否	需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据。	
* envVersion	string	release	否	要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。 (develop 开发板 trial 体验版 release正式版)	
* success	function	否	接口调用成功的回调函数	
* fail	function	否	接口调用失败的回调函数	
* complete	function	否	接口调用结束的回调函数(调用成功、失败都会执行)
*/
navigateToMiniProgram(mAppId)
{
  wx.navigateToMiniProgram({
    appId: mAppId,
    path: 'page/index/index?id=123',
    extraData: {
      foo: 'bar'
    },
    envVersion: 'release',
    success(res) {
    // 打开成功
    ret_handler(res);
    },
    fail(res) {
    }
  })
},

2.h5跳转到小程序wx.miniProgram.navigateTo

// 点击立即体验跳转到小程序
$('.experience').click(function () {
  wx.miniProgram.navigateTo({
    url: '/pages/index/index',
  });
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • javaScript如何处理从java后台返回的list

    javaScript如何处理从java后台返回的list

    把List集合转成json格式传到界面上,这样js里面操作也简单,具体的解决方法如下,大家可以参考学习下
    2014-04-04
  • 用js查找法实现当前栏目的高亮显示的代码

    用js查找法实现当前栏目的高亮显示的代码

    本文给大家介绍了使用js查找法实现当前栏目的高亮显示的代码,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2007-11-11
  • JavaScript生成简单等差数列

    JavaScript生成简单等差数列

    本文给大家分享使用for循环实现js生成简单的等差数列,具体实现方法,大家参考下本文
    2017-11-11
  • 通过JS判断网页是否为手机打开

    通过JS判断网页是否为手机打开

    这篇文章主要介绍了通过JS判断网页是否为手机打开,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • JavaScript和TypeScript中的void的具体使用

    JavaScript和TypeScript中的void的具体使用

    这篇文章主要介绍了JavaScript和TypeScript中的void的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • JavaScript判断是否为数字的几种方式汇总(推荐!)

    JavaScript判断是否为数字的几种方式汇总(推荐!)

    有时候需要根据输入的内容来进行计算,这个时候就需要判断输入的内容是否是数字,下面这篇文章主要给大家介绍了关于JavaScript判断是否为数字的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • JS碰撞运动实现方法详解

    JS碰撞运动实现方法详解

    这篇文章主要介绍了JS碰撞运动实现方法,详细分析了碰撞运动的原理及相应的javascript实现技巧,需要的朋友可以参考下
    2016-12-12
  • ES6 class的应用实例分析

    ES6 class的应用实例分析

    这篇文章主要介绍了ES6 class的应用,结合实例形式分析了class在ES6面向对象程序设计中定义类的相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • 总结一些js自定义的函数

    总结一些js自定义的函数

    总结一些js自定义的函数...
    2006-08-08
  • JavaScript对象原型链原理解析

    JavaScript对象原型链原理解析

    这篇文章主要介绍了JavaScript对象原型链原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-01-01

最新评论