微信小程序和H5頁面間相互跳轉代碼實例
更新時間：2019年09月19日 09:55:37 作者：執(zhí)著的小前端
這篇文章主要介紹了微信小程序和H5頁面間相互跳轉代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序和H5頁面間相互跳轉代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
1.微信小程序跳轉小程序 wx.navigateToMiniProgram
// 小程序跳轉
/*
* appId string 是 要打開的小程序 appId
* path string 否 打開的頁面路徑，如果為空則打開首頁
* extraData object 否 需要傳遞給目標小程序的數據，目標小程序可在 App.onLaunch，App.onShow 中獲取到這份數據。
* envVersion string release 否 要打開的小程序版本。僅在當前小程序為開發(fā)版或體驗版時此參數有效。如果當前小程序是正式版，則打開的小程序必定是正式版。 (develop 開發(fā)板 trial 體驗版 release正式版)
* success function 否 接口調用成功的回調函數
* fail function 否 接口調用失敗的回調函數
* complete function 否 接口調用結束的回調函數（調用成功、失敗都會執(zhí)行）
*/
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實現刮刮樂，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
下面小編就為大家分享一篇利用JavaScript的%做隔行換色的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
JavaScript中Object.values()的用法舉例
這篇文章主要給大家介紹了關于JavaScript中Object.values()的用法舉例,Object.values()是JavaScript中一個內置的靜態(tài)函數,用于返回一個對象中所有屬性值的數組,需要的朋友可以參考下2023-09-09
array.prototype.silce.call 理解分析
在很多框架中與遇到這個方法，但一時沒去研究這個方法，只要前段時間被問到，尷尬無奈收場。所以學習就要追根究底的精神，廢話少說，說正題。2010-04-04
這篇文章主要為大家介紹了JavaScript?BOM對象，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助<BR>2021-12-12
本文主要記錄了非模塊化js如何使用webpack打包，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
webpack5?import動態(tài)導入實現按需加載并給文件統一命名的配置方法
這篇文章主要介紹了webpack5?import動態(tài)導入實現按需加載并給文件統一命名的配置，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了紅米手機搶購時返回的js代碼，制作紅米搶購軟件時可以用到，,需要的朋友可以參考下2014-03-03
下面小編就為大家分享一篇webpack-dev-server遠程訪問配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了JS實現字符串轉日期并比較大小的方法,以實例形式較為詳細分析了JavaScript字符串與日期操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12