小程序和h5的互相跳转

小程序到h5

wxml

 

小程序.js

//跳转的h5页面链接
data:{
    objecturl2: "https://....../action2/index.html"
 }
//跳转到其他页面去显示h5页面
  toAdmm: function (even) {
    let url = even.currentTarget.dataset.info;
    if (url != null && url != '' && url != undefined) {
      wx.navigateTo({
        url: '../banner_detail/banner_detail?banner_url=' + url //需要嵌套h5页面的路径【即 h5的页面展示在这个文件】
      })
    }
  },

显示h5的页面容器
【emmm。。是有个容器banner_detail文件夹 专门去显示h5的内容】

banner_detail.js

 data: {
    banner_url: '',
  },
  onLoad: function (options) {
    this.setData({
      banner_url: options.banner_url //传递过来的h5页面的路径链接
    });
  },

banner_detail.wxml


  

h5到小程序

wx.miniProgram.navigateTo
wx.miniProgram.navigateBack
wx.miniProgram.switchTab  [即将开放]
wx.miniProgram.reLaunch   [即将开放]
wx.miniProgram.redirectTo  [即将开放]

html页面



    
        
        
        
        
    
    
        
点击

ps 摘抄文章作为笔记
查看更多详解

你可能感兴趣的:(小程序和h5的互相跳转)