当前位置: 首页 > article >正文

Harmony 开发与H5进行交互

Harmony Next开发中通过Web组件加载html页面,app如何和html进行交互呢?下面通过简单的示例来展示简单的交互:

page页面代码:

import webview from '@ohos.web.webview';
import { WebViewModel } from './WebViewModel';

@Entry
@Component
struct WebPage {
  @State message: string = 'Web加载html';
  controller: WebviewController = new webview.WebviewController()
  @State webModel: WebModel = new WebModel()

  build() {
    Column() {
      Text(this.message)
        .width("100%")
        .fontColor(Color.White)
        .height(40)
        .fontSize(15)
        .backgroundColor(Color.Blue)
        .textAlign(TextAlign.Center)
      
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .domStorage

http://www.kler.cn/news/365844.html

相关文章:

  • Scala 提取器(Extractor)
  • 【赵渝强老师】Oracle的联机重做日志文件与数据写入过程
  • 【WebSocket实战】——创建项目初始架构
  • Pytorch学习--如何下载及使用Pytorch中自带数据集,如何把数据集和transforms联合在一起使用
  • 数据库相关知识点
  • U9的插件开发之BE插件(1)
  • OneNote不能拖动页面解决方案
  • docker-compose安装sentinel
  • Springcloud健身小程序-计算机毕业设计源码27368
  • linux中级wed服务器(https搭建加密服务器)
  • Spring Boot 中应用单元测试(UT):结合 Mock 和 H2 讲解和案例示范
  • (11)(2.1.7) FETtec OneWire ESCs(一)
  • idea git 一些日常操作解决办法(Git撤销回滚操作)
  • 【C语言】控制台学生成绩管理系统
  • 关系型数据库(1)----MySQL(初阶)
  • 大数据-189 Elasticsearch - ELK 日志分析实战 - 环境配置启动 Nginx、ZK、Kafka、ES、Kibana
  • OpenCV视觉分析之运动分析(4)背景减除类:BackgroundSubtractorKNN的一系列set函数的使用
  • 前端-基础CSS 知识总结
  • 六,Linux基础环境搭建(CentOS7)- 安装HBase
  • Python与MySQL
  • 3.添加缓存和缓存更新策略
  • 前端拦截302重定向
  • flowable 去掉自带的登录权限
  • Scala的多态
  • 工作使用篇:如何在centos系统中安装anaconda
  • 【AI换装整合及教程】CatVTON:时尚与科技的完美融合