脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 微信小程序和H5页面间相互跳转

微信小程序和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实现刮刮乐

    原生JavaScript实现刮刮乐

    这篇文章主要为大家详细介绍了原生JavaScript实现刮刮乐，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 利用JavaScript的%做隔行换色的实例

    利用JavaScript的%做隔行换色的实例

    下面小编就为大家分享一篇利用JavaScript的%做隔行换色的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • JavaScript中Object.values()的用法举例

    JavaScript中Object.values()的用法举例

    这篇文章主要给大家介绍了关于JavaScript中Object.values()的用法举例,Object.values()是JavaScript中一个内置的静态函数,用于返回一个对象中所有属性值的数组,需要的朋友可以参考下
    2023-09-09
  • array.prototype.silce.call 理解分析

    array.prototype.silce.call 理解分析

    在很多框架中与遇到这个方法，但一时没去研究这个方法，只要前段时间被问到，尴尬无奈收场。所以学习就要追根究底的精神，废话少说，说正题。
    2010-04-04
  • JavaScript的三种BOM对象

    JavaScript的三种BOM对象

    这篇文章主要为大家介绍了JavaScript BOM对象，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>
    2021-12-12
  • webpack打包非模块化js的方法

    webpack打包非模块化js的方法

    本文主要记录了非模块化js如何使用webpack打包，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • webpack5 import动态导入实现按需加载并给文件统一命名的配置方法

    webpack5 import动态导入实现按需加载并给文件统一命名的配置方法

    这篇文章主要介绍了webpack5 import动态导入实现按需加载并给文件统一命名的配置，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-11-11
  • 红米手机抢购的js代码

    红米手机抢购的js代码

    这篇文章主要介绍了红米手机抢购时返回的js代码，制作红米抢购软件时可以用到，,需要的朋友可以参考下
    2014-03-03
  • webpack-dev-server远程访问配置方法

    webpack-dev-server远程访问配置方法

    下面小编就为大家分享一篇webpack-dev-server远程访问配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • JS实现字符串转日期并比较大小实例分析

    JS实现字符串转日期并比较大小实例分析

    这篇文章主要介绍了JS实现字符串转日期并比较大小的方法,以实例形式较为详细分析了JavaScript字符串与日期操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12

最新评论