微信小程序跳转h5页面

使用  可以打开h5页面  微信小程序官网地址

属性	类型	默认值	必填	说明	最低版本
src	string		否	webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。	1.6.4
bindmessage	eventhandler		否	网页向小程序 postMessage 时，会在特定时机（小程序后退、组件销毁、分享）触发并收到消息。e.detail = { data }，data是多次 postMessage 的参数组成的数组	1.6.4
bindload	eventhandler		否	网页加载成功时候触发此事件。e.detail = { src }	1.6.4
binderror	eventhandler		否	网页加载失败的时候触发此事件。e.detail = { src }	1.6.4

注：src 需要登录小程序管理后台配置业务域名。

使用：

但是如果要在小程序里面点击，然后跳转h5 的话，需要如下：

可以新建一个公用的web页面 来写

小程序里面------公共web/web.wxml 

//  pages/web/web.wxml





//  pages/web/web.js
 onLoad: function (options) {
    console.log(options.url);
    this.setData({
      url: options.url
    })
  },

小程序里面---------点击页面按钮，跳转h5  

//  index.wxml
积分商城


//  index.js
toMall(){
    wx.navigateTo({
        url:"/pages/web/web?url="+'在小程序后台配置的业务域名/跳转的线上页面地址'
    })
}

h5页面里面可以接收通过 跳转过来的url， 然后通过对url 进行参数截取，即可拿到从小程序跳转到h5页面带过来的参数。

对url参数截图，可以参考：对url链接进行解析、截取

----------完。