小程序与H5如何互相跳转

最新推荐文章于 2025-03-25 20:42:35 发布

ACGuan

最新推荐文章于 2025-03-25 20:42:35 发布

阅读量384

点赞数

分类专栏： Web前端小程序

本文链接：https://blog.youkuaiyun.com/csdnlinyongsheng/article/details/109444188

版权

本文详细介绍了如何实现在小程序与H5之间进行跳转，包括小程序跳转到H5页面以及H5如何唤起小程序，并提供了具体的操作步骤和官方文档链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、小程序跳转H5

<view class="page-body">
    <web-view src="https://xxx.com/test.html"></web-view>
</view>

二、H5跳转小程序

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>h5跳转小程序</title>
    </head>
    <body>
        <h3 align="center">正在跳转到小程序...</h3>
        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
        <script>
                wx.miniProgram.navigateTo({url: '/index/index?phone=18012121212'})
        </script>
    </body>
</html>

小程序接受参数的页面

index.wxml:

<view class="page-body">
{
  {phone}}
</view>

index.js

最低0.47元/天解锁文章