【微信小程序】webview向h5页面传值

实现功能：webview向h5页面传值

代码：
index.wxml

<web-view src="{{url}}"></web-view>

index.js

  onLoad: function() {let that = this;let openId = wx.getStorageSync('openId');that.setData({url: '地址/index.html?id=' + openId})},

index.html

var id=window.location.href.split("=")[1];//从小程序webview链接上获取id

思路：通过url带参数的方式，h5页面去取参数
如果是带多个参数，可通过&符号去分别取

【微信小程序】webview向h5页面传值相关推荐

微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音
微信小程序web-view 外部引用h5页面调用摄像头录制视频配有提示音 1.目前的需求是什么 2.都踩了那些坑 1.小程序 2.h5语音提示 3.语音合成声音录制不进去,ios有时候是麦克风,有时 ...
微信小程序web-view嵌入h5页面，分享当前页
① index.wxml 为web-view标签添加bindload事件 web-view bindload | 微信开放文档 <web-view src="{{webview_u ...
【微信小程序】微信小程序跳转H5页面的实现思路与方案
需求简述当前项目的主流程采用H5的方式编写. 在一些渠道的营销推广活动中,并不能直接跳转到网页,但可以跳转到微信小程序. 于是希望通过微信小程序,间接实现跳转H5页面的需求. 方法简述有两种解决方 ...
微信小程序webview与h5通过postMessage实现实时通讯的实现
文章转自:https://www.jb51.net/article/167957.htm 这篇文章主要介绍了微信小程序webview与h5通过postMessage实现实时通讯的实现,文中通过示例代码 ...
微信小程序web-view与H5之间交互（含支付）
第一章了解web-view与H5的交互(含支付) 文章目录第一章了解web-view与H5的交互(含支付) 前言一.web-view是什么? 二.使用步骤三.业务场景 1.小程序带参数跳转链 ...
微信里嵌入html5页面,微信小程序web-view嵌套H5实现微信支付功能解决方案
一. 产品现状首先,在接入微信支付功能以前,我们的产品情况是这样的: 1 有公众号和app的h5站点及相关配套功能 2 小程序已经有一些基础功能,这些功能没有使用web-view 3 小程序之前的服 ...
微信小程序web-view与H5 通信方式探索
本文作者为奇舞团前端开发工程师小程序简介小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 需求微信小程序 H5 混合开发就是在一个小程序中,采 ...
微信小程序内嵌H5页面实现微信支付
背景: 在微信H5页面已经实现了微信JSAPI的网页支付,老板要求把整个业务线快速转移到微信小程序中,作为懒惰的程序员来说,直接把页面嵌套到小程序不就行了.说干就干,在小程序中设置好基本信息后,一预览 ...
小程序嵌套h5页面_微信小程序内嵌h5页面
概况使用标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
微信小程序跳转h5页面的方式
通过web-view跳转h5, 自己总结了几种用过的方法,有更好的,欢迎讨论补充: 1.使用navigator在wxml中编码,单独写一个文件,/pages/webview/index.wxml 第二 ...

【微信小程序】webview向h5页面传值

【微信小程序】webview向h5页面传值相关推荐

最新文章

热门文章