webview传递参数给html,uniapp与webview之间的相互传值

1.uni-app 如何发送数据到 H5? 其实很接单、在 web-view 中只需要通过 URL 就可以向 H5 进行传参 例如在 uni-app 中:

export default {

data() {

return {

url:‘/hybrid/html/local.html?data=‘

};

},

onLoad(data) {

//这里对要传入到webview中的参数进行encodeURIComponent编码否则中文乱码

this.url+=encodeURIComponent(data.data)

},

mounted() {},

methods: {

message(event){

console.log(event.detail.data);

}

}

};

@import ‘./advertisement.scss‘;

那么在 H5 中是如何接收值得呢?

console.log(getQuery(‘data‘)); //获取 uni-app 传来的值//取url中的参数值

function getQuery(name) {//正则:[找寻‘&‘ + ‘url参数名字‘ = ‘值‘ + ‘&‘](‘&‘可以不存在)

let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");

let r= window.location.search.substr(1).match(reg);

console.log(r);if(r != null) {//对参数值进行解码

return decodeURIComponent(r[2]);

}return null;

}

2.webview向uniapp传值

uni.postMessage({

data: {

action:‘message‘}

});

uni.getEnv(function(res) {

console.log(‘当前环境:‘ +JSON.stringify(res));

});

});

uniapp接受

//message接受方法

原文:https://www.cnblogs.com/lizhao123/p/12005868.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/562766.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

I/0口输入输出实验 流水灯程序 P0、P1、P2、P3口作为输出口,连接八只发光二极管,编写程序,使发光二极管从左至右循环点亮。

P0、P1、P2、P3口作为输出口&#xff0c;连接八只发光二极管&#xff0c;编写程序&#xff0c;使发光二极管从左至右循环点亮。流水灯程序 程序&#xff1a; #include<reg51.h> //包含单片机定义寄存器的头文件 sbit led P1^0; //将led定义为P1.0位 void delay(void) //…

python3.6库参考手册_python3.5.2官方帮助文档参考手册(CHM版)

python3.5.2官方帮助文档 参考手册&#xff08;CHM版&#xff09; python3.5.2官方帮助文档 参考手册&#xff08;CHM版&#xff09;&#xff0c;欢迎下载&#xff01; 新语法特性&#xff1a; PEP 492,具有async和await语法的协同程序。 PEP 465, 新矩阵乘法运算符&#xff1a…

html css模仿实例,HTML+CSS模仿大学网站主页

【实例简介】用HTMLCSS模仿的大学主页 无JS 无FLASH 没有添加超链接【实例截图】【核心代码】pp5740492_4445056├── images│ ├── 01_hover.jpg│ ├── 02_hover.jpg│ ├── bg_link.jpg│ ├── bg_mainr.jpg│ ├── bg_search.jpg│ ├── bg_titl…

I/0口输入输出实验 将P1口的某一位作为输入使用,连接一个按键,当按键按下时使发光二极管亮,否则发光二极管熄灭

将P1口的某一位作为输入使用&#xff0c;连接一个按键&#xff0c;当按键按下时使发光二极管亮&#xff0c;否则发光二极管熄灭。 程序&#xff1a; #include<reg51.h> sbit KEYP1^1; sbit LEDP1^2; int main(void){ LED1; KEY1; if(KEY0) LED~LED; else{ LEDLED; } }

html5情人节贺卡,Web工程师的情人节卡片

CSS语言&#xff1a;CSSSCSS确定import url(https://fonts.googleapis.com/css?familyOpenSans:700);body {background: url(http://www.howie23.org/pics/seamless-wood-grain-texture.jpg);background-size: cover;font-family: Open Sans;font-size: 16px;}.bottom,.paper …

I/0口输入输出实验 学习IO口的位操作方法,分别选择P0、P1、P2、P3端口中的某一位,该位作为输出使用,连接一只发光二极管,控制器闪烁。

学习IO口的位操作方法&#xff0c;分别选择P0、P1、P2、P3端口中的某一位&#xff0c;该位作为输出使用&#xff0c;连接一只发光二极管&#xff0c;控制器闪烁。 程序&#xff1a; #include<reg51.h> sbit KEYP1^1; sbit LEDP1^2; int main(void){ LED1; KEY1; if(KEY0)…

域控服务器取消验证_记一次域控服务器应急

搜索公众号&#xff1a;暗网黑客可领全套网络安全课程、配套攻防靶场一介小白是如何成长为黑客大佬的一、背景介绍这是去年11月份的应急事件&#xff0c;反复到客户现场多次才找到原因&#xff0c;最后得到的结论也极为简单。解决问题过程中&#xff0c;由于客户给的压力较大&a…

html5难点,学习HTML5的难点是什么?

2012-02-05html5为什么要学html5&#xff1f;HTML5 是继 HTML4。01, XHTML 1。0 和 DOM 2 HTML 后的又一个重要版本&#xff0c;旨在消除富 Internet 程序(RIA)对 Flash&#xff0c; Silverlight&#xff0c; JavaFX 一类浏览器插件的依赖。HTML5 带来很多新功能&#xff0c;以…

AD转换实验 编写程序利用ADC0804 AD转换器采集电位器的模拟电压,将采集到的数字量在程序中换算成实际采集的模拟电压,并用数码管显示所采集的实际模拟电压值。(如:AD转换后的数字量为128,则

编写程序利用ADC0804 AD转换器采集电位器的模拟电压&#xff0c;将采集到的数字量在程序中换算成实际采集的模拟电压&#xff0c;并用数码管显示所采集的实际模拟电压值。&#xff08;如&#xff1a;AD转换后的数字量为128&#xff0c;则数码管应该显示2.5&#xff09; 程序&am…

python做词典_Python实现创建字典

Python编写一个名为 make_album() 的函数&#xff0c;它创建一个描述音乐专辑的字典。 1、这个函数应接受歌手的名字和专辑名&#xff0c;并返回一个包含这两项信息的字典。使用这个函数创建三个表示不同专辑的字典&#xff0c;并打印每个返回的值&#xff0c;以核实字典正确地…

8255总线实验 编写程序利用8255扩展单片机的IO口,控制8位数码管显示1-8。

8255总线实验 编写程序利用8255扩展单片机的IO口&#xff0c;控制8位数码管显示1-8。 程序&#xff1a; #include<reg51.h> #include<absacc.h> #define PORT_A XBYTE[0X7FFC] #define PORT_B XBYTE[0X7FFD] #define PORT_C XBYTE[0X7FFE] #define PORT_CTL XBYTE[…

计算机硬件组成 pdf,计算机硬件的组成..pdf

计算机硬件的组成计算机硬件( Computer hardware )是指计算机系统中由电子&#xff0c;机械和光电元件等组成的各种物理装置的总称。 这些物理装置按系统结构的要求构成一个有机整体为计算机软件运行提供物质基础。 简言之&#xff0c;计算机硬件的功能是输入并存储程序和数据&…

JAVA入门第一天

今天是入门JAVA的第一天 日期&#xff1a;2021.3.29 18:38

看门狗性能软件测试,《看门狗:军团》PC版性能测试 不建议光追,优化极差

原标题&#xff1a;《看门狗&#xff1a;军团》PC版性能测试 不建议光追&#xff0c;优化极差作为育碧今年“三板斧”的首作&#xff0c;《看门狗&#xff1a;军团》已于上个月底正式发售&#xff0c;外媒DSOGaming也首发体验了游戏&#xff0c;并为玩家们带来了PC版游戏性能测…

以下不属于python特点的是什么_以下哪一个不属于python语言的特点-Python语言的特点有哪些...

Python语言的特点有哪些 Python 是目前最流行的语言之一&#xff0c;从云计算、大数据到人工智能&#xff0c;Python 无处不在&#xff0c;Python 人才需求量也在逐年攀升&#xff0c;Python 为何能发展如此的迅猛&#xff0c;究竟有什么特点呢&#xff1f; Python 语言主要有以…

互联网技术概念入门

CS/BS模式 一、互联网软件的两种模式 1.CS模式&#xff08;Client/Sever&#xff09; 即客户端/服务器模式&#xff0c; 例如&#xff1a;王者荣耀、手机QQ、CF等。 CS模式 1、需要下载安装客户端&#xff0c; 2、软件有客户端和服务器两部分组成&#xff0c; 3、软件更新…

拼多多软件测试开发,拼多多事件对我们业务测试的启发

前几天的拼多多事件大家应该都知道了吧&#xff0c;不知道也没关系&#xff0c;自行搜索关键字「拼多多事件」先回顾一下。网上已经有很多人从自己的角度去分析这个事件&#xff0c;有人问是不是真的亏了那么多&#xff1f;有人问领的券咋没了&#xff1f;有人猜测这是不是bug营…

centos7 修改为任意网卡名_VirtualBox虚拟机双网卡配置实现与本机互通并上网

VirtualBox的网卡连接方式区别1.桥接网卡此方式可以实现虚拟机与宿主机互通&#xff0c;并且上网。&#xff08;寻常局域网环境这个连接方式就可以解决本次问题&#xff0c;但因为在认证网的环境中&#xff0c;这个方式并没有解决&#xff09; 默认网段&#xff1a;192.168.1.0…

互联网三大基石

一、互联网三大基石&#xff1a;URL、HTTP协议、HTML 1、HTML(Hyper Text Markup Language)&#xff1a;超文本标记语言 是一种用于创建网页的标准标记语言。 可以参考维基百科&#xff0c;网址&#xff1a;https://zh.wikipedia.org/wiki/HTML 2、HTTP(HyperText Transfer…

python读取raw图片文件_python读取raw binary图片并提取统计信息的实例

python读取raw binary图片并提取统计信息的实例 发布时间&#xff1a;2020-09-08 23:22:52 来源&#xff1a;脚本之家 阅读&#xff1a;66 用python语言读取二进制图片文件&#xff0c;并提取非零数据统计信息&#xff08;例如&#xff1a;max&#xff0c;min&#xff0c;skewn…