• Welcome to Journal web site.

我是 PHP 程序员

- 开发无止境 -

Next
Prev

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

Data: 2019-10-16 12:35:42Form: JournalClick: 7

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

 

小程序跳转到内嵌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.jianshu.com/p/94632d4eff8d
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
Name:
<提交>