鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据

鸿蒙时代

发布于 2024-4-29 15:03

5397浏览

0收藏

Web组件可以通过loadData接口实现加载HTML格式的文本数据。当开发者不需要加载整个页面，只需要显示一些页面片段时，可通过此功能来快速加载页面

// xxx.ets
import web_webview from '@ohos.web.webview';

@Entry
@Component
struct WebComponent {
  controller: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      Button('loadData')
        .onClick(() => {
          try {
            // 点击按钮时，通过loadData，加载HTML格式的文本数据
            this.controller.loadData(
              "<html><body bgcolor=\"white\">Source:<pre>source</pre></body></html>",
              "text/html",
              "UTF-8"
            );
          } catch (error) {
            console.error(`ErrorCode: ${error.code},  Message: ${error.message}`);
          }
        })
      // 组件创建时，加载www.example.com
      Web({ src: 'www.example.com', controller: this.controller })
    }
  }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

本文参考引用HarmonyOS官方开发文档，基于API9。

分类

HarmonyOS

标签

文本数据

相关推荐

鸿蒙原生应用/元服务实战-Web隐私声明

鸿蒙时代 • 3030浏览 • 0回复
鸿蒙原生应用元服务开发-Web管理位置权限

鸿蒙时代 • 5366浏览 • 0回复
鸿蒙原生应用元服务开发-Web加载本地页面

鸿蒙时代 • 5217浏览 • 0回复
鸿蒙原生应用元服务开发-Web建立应用侧与前端页面数据通道

鸿蒙时代 • 3824浏览 • 0回复
鸿蒙原生应用元服务开发-Web前端页面调用应用侧函数

鸿蒙时代 • 5270浏览 • 0回复
鸿蒙原生应用元服务开发-Web上传文件

鸿蒙时代 • 4535浏览 • 0回复
鸿蒙原生应用元服务开发-Web设置深色模式

鸿蒙时代 • 4451浏览 • 0回复
鸿蒙原生应用元服务开发-Web相关说明

鸿蒙时代 • 5686浏览 • 0回复
鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数

鸿蒙时代 • 4678浏览 • 0回复
鸿蒙原生应用元服务开发-Web在新窗口中打开页面

鸿蒙时代 • 5179浏览 • 0回复
鸿蒙原生应用元服务开发WEB-Cookie管理

鸿蒙时代 • 3241浏览 • 0回复
鸿蒙原生应用元服务开发WEB-缓存与存储管理

鸿蒙时代 • 5441浏览 • 0回复
鸿蒙原生应用元服务开发-Web历史记录导航

鸿蒙时代 • 4791浏览 • 0回复
鸿蒙原生应用元服务开发WEB-使用Devtools工具调试前端页面

鸿蒙时代 • 7516浏览 • 0回复
鸿蒙原生应用元服务开发WEB-自定义页面请求响应

鸿蒙时代 • 4430浏览 • 0回复
鸿蒙原生应用元服务开发-WEB跨应用跳转

鸿蒙时代 • 4095浏览 • 0回复
鸿蒙原生应用元服务开发-仓颉基础数据类型布尔类型

鸿蒙时代 • 5758浏览 • 0回复
鸿蒙原生应用元服务开发-仓颉基础数据类型浮点类型

鸿蒙时代 • 6546浏览 • 0回复
鸿蒙原生应用元服务开发-仓颉基础数据类型整数类型

鸿蒙时代 • 6383浏览 • 0回复

51CTO

51CTO博客

51CTO学堂

鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据

订阅鸿蒙技术特刊，精选内容抢先看