鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

通过Web组件加载一段Html代码片段如何实现？

通过Web组件加载一段Html代码片段如何实现？

HarmonyOS

2024-08-05 17:23:28

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

通过WebviewController的loadData方法可以加载html代码片段

import { webview } from '@kit.ArkWeb'; //导入ArkWeb库

@Entry
@Component
struct Index {
  controller: webview.WebviewController = new webview.WebviewController(); //创建Web的控制器
  @State htmlStr: string = "<!DOCTYPE html>\n" +
    "<html>\n" +
    "<head>\n" +
    "<title>Hello Jason</title>\n" +
    "</head>\n" +
    "<body>\n" +
    "<h1>intercept test</h1>\n" +
    "</body>\n" +
    "</html>"
  build() {
    Column() {
      Web({
        src: "",
        controller: this.controller//将控制器传给Web组件
      }).width("100%")
        .height("50%")
        .javaScriptAccess(true)
      Button("加载Html片段").onClick(() => {
        this.controller.loadData(this.htmlStr, "text/html", "UTF-8")//加载html片段
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}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.
30.
31.
32.

回复

2024-08-05 22:26:02

如何写精华回答，获更多曝光？

发布

相关问题

如何使用Web组件加载一段html代码片段？

1469浏览 • 1回复待解决

HarmonyOS Web打开页面如何直接加载html代码段

746浏览 • 1回复待解决

HarmonyOS 怎样实现后台线程循环某一段代码

1210浏览 • 0回复待解决

鸿蒙-如何实现播放一段音频

12205浏览 • 2回复待解决

HarmonyOS使用RichText组件加载Html片段，文本显示过小

1452浏览 • 1回复待解决

HarmonyOS Web动态加载html片段，带有#会显示空白问题

1658浏览 • 1回复待解决

HarmonyOS Web组件加载片段时候不显示

802浏览 • 1回复待解决

HarmonyOS webview组件如何加载html代码？

1177浏览 • 1回复待解决

HarmonyOS 可以用类似text的组件来展示一段html标签内容么

686浏览 • 1回复待解决

#鸿蒙学习大百科#如何通过TextStyle实现一段丰富的文字？

1011浏览 • 0回复待解决

如何实现RSA的公钥PK加密一段文字

1253浏览 • 1回复待解决

如何实现一段文字里带几个可点击的文字

1163浏览 • 1回复待解决

web组件对html文件的加载

1610浏览 • 1回复待解决

HarmonyOS Web组件如何加载html字符串

1707浏览 • 1回复待解决

如何使用Web组件加载本地的html文件？

1755浏览 • 1回复待解决

HarmonyOS Web组件加载html文件异常

1429浏览 • 1回复待解决

HarmonyOS Web通过loadData加载html不显示内容

939浏览 • 1回复待解决

想知道一段 clounm的高度

1280浏览 • 1回复待解决

HarmonyOS web组件内的html如何加载本地资源？

1737浏览 • 1回复待解决

HarmonyOS 在一段文字里如何实现文字颜色是多种的

1679浏览 • 2回复待解决

如何在WebView page 刚加载的时候注入一段js脚本执行

2530浏览 • 1回复待解决

HarmonyOS RichText如何拿到html片段的高度

640浏览 • 1回复待解决

redis 如何实现一段时间没有获取指定 KEY 就删除

5432浏览 • 1回复待解决

HarmonyOS 使用web组件loadData加载html文件白屏

1054浏览 • 1回复待解决

HarmonyOS web组件怎么加载html字符串

640浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

一段 java 代码执行旅程 0回复

研究了一段时间HarmonyOS的体会 2回复

鸿蒙开源组件——html页面的加载 0回复

HarmonyOS—使用Web组件加载页面 0回复

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

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载