html5页面如何插入小程序

1.打开微信小程序开发工具，新建一个项目；

2.在新建的页面文件中，插入按钮并添加bindtap跳转事件；

<button type="primary" bindtap="jumoPage" class="btn">跳转</button>

3.新建一个HTML5页面，定义函数jumpPage，定义变量nurl，给purl设置值;

<script type="text/javascript">
    data:{
      purl:''
    },
    jumpPage(){
      var nurl='page.html?userId=1'
      this:nurl
      }()
    },
            
</script>

4.最后，调用微信小程序中的navigateTo，进行界面跳转，即可。

<script type="text/javascript">
    jumpPage(){
      var nurl='page.html?userId=1'
      this:setData({
        purl:nurl
      })
      wx.mavigateTo({
        url:nurl,
      })
    },
            
</script>