美文网首页
【小程序】与内嵌网页之间的跳转

【小程序】与内嵌网页之间的跳转

作者: 空城皆是旧梦 | 来源:发表于2019-03-04 22:18 被阅读38次

小程序跳转到内嵌H5页面

小程序跳转到内嵌H5页面,需要使用web-view组件,它是一个可以用来承载网页的容器,会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。

代码如下:

<web-view src="https://mp.weixin.qq.com/"></web-view>

注意:web-view组件的src指向网页的链接,该网页的地址需要在改微信公众平台配置域名白名单,且每个页面只能有一个<web-view/>

内嵌H5页面跳转到小程序页面

  1. 内嵌网页可以引入微信的JSSDK文件,才能调用微信的接口。
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
  1. 点击某元素跳转回小程序
$(".xx").click(function(){
  wx.miniProgram.redirectTo({url: '/path/to/page'})
})
接口名 说明 最低版本
wx.miniProgram.navigateTo 保留当前页面,跳转到小程序某个页面 1.6.4
wx.miniProgram.navigateBack 返回上一页面或多级页面 1.6.4
wx.miniProgram.switchTab 跳转到小程序tabBar页面,关闭其他所有非tabBar页面 1.6.5
wx.miniProgram.reLaunch 关闭所有页面,打开小程序某个页面 1.6.5
wx.miniProgram.redirectTo 关闭当前页面,跳转到小程序某个页面 1.6.5

相关文章

网友评论

      本文标题:【小程序】与内嵌网页之间的跳转

      本文链接:https://www.haomeiwen.com/subject/yonwuqtx.html