微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)代碼實(shí)例
更新時(shí)間：2019年09月19日 09:55:37 作者：執(zhí)著的小前端
這篇文章主要介紹了微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序和H5頁(yè)面間相互跳轉(zhuǎn)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
1.微信小程序跳轉(zhuǎn)小程序 wx.navigateToMiniProgram
// 小程序跳轉(zhuǎn)
/*
* appId string 是 要打開(kāi)的小程序 appId
* path string 否 打開(kāi)的頁(yè)面路徑，如果為空則打開(kāi)首頁(yè)
* extraData object 否 需要傳遞給目標(biāo)小程序的數(shù)據(jù)，目標(biāo)小程序可在 App.onLaunch，App.onShow 中獲取到這份數(shù)據(jù)。
* envVersion string release 否 要打開(kāi)的小程序版本。僅在當(dāng)前小程序?yàn)殚_(kāi)發(fā)版或體驗(yàn)版時(shí)此參數(shù)有效。如果當(dāng)前小程序是正式版，則打開(kāi)的小程序必定是正式版。 (develop 開(kāi)發(fā)板 trial 體驗(yàn)版 release正式版)
* success function 否 接口調(diào)用成功的回調(diào)函數(shù)
* fail function 否 接口調(diào)用失敗的回調(diào)函數(shù)
* complete function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）
*/
navigateToMiniProgram(mAppId)
{
wx.navigateToMiniProgram({
appId: mAppId,
path: 'page/index/index?id=123',
extraData: {
foo: 'bar'
},
envVersion: 'release',
success(res) {
// 打開(kāi)成功
ret_handler(res);
},
fail(res) {
}
})
},
2.h5跳轉(zhuǎn)到小程序wx.miniProgram.navigateTo
// 點(diǎn)擊立即體驗(yàn)跳轉(zhuǎn)到小程序
$('.experience').click(function () {
wx.miniProgram.navigateTo({
url: '/pages/index/index',
});
})
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
原生JavaScript實(shí)現(xiàn)刮刮樂(lè)
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)刮刮樂(lè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
下面小編就為大家分享一篇利用JavaScript的%做隔行換色的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
JavaScript中Object.values()的用法舉例
這篇文章主要給大家介紹了關(guān)于JavaScript中Object.values()的用法舉例,Object.values()是JavaScript中一個(gè)內(nèi)置的靜態(tài)函數(shù),用于返回一個(gè)對(duì)象中所有屬性值的數(shù)組,需要的朋友可以參考下2023-09-09
array.prototype.silce.call 理解分析
在很多框架中與遇到這個(gè)方法，但一時(shí)沒(méi)去研究這個(gè)方法，只要前段時(shí)間被問(wèn)到，尷尬無(wú)奈收?qǐng)觥Ｋ詫W(xué)習(xí)就要追根究底的精神，廢話少說(shuō)，說(shuō)正題。2010-04-04
這篇文章主要為大家介紹了JavaScript?BOM對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助<BR>2021-12-12
本文主要記錄了非模塊化js如何使用webpack打包，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
webpack5?import動(dòng)態(tài)導(dǎo)入實(shí)現(xiàn)按需加載并給文件統(tǒng)一命名的配置方法
這篇文章主要介紹了webpack5?import動(dòng)態(tài)導(dǎo)入實(shí)現(xiàn)按需加載并給文件統(tǒng)一命名的配置，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了紅米手機(jī)搶購(gòu)時(shí)返回的js代碼，制作紅米搶購(gòu)軟件時(shí)可以用到，,需要的朋友可以參考下2014-03-03
webpack-dev-server遠(yuǎn)程訪問(wèn)配置方法
下面小編就為大家分享一篇webpack-dev-server遠(yuǎn)程訪問(wèn)配置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小實(shí)例分析
這篇文章主要介紹了JS實(shí)現(xiàn)字符串轉(zhuǎn)日期并比較大小的方法,以實(shí)例形式較為詳細(xì)分析了JavaScript字符串與日期操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12