鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

loaddata api注意事项

loaddata api注意事项

HarmonyOS

胖头鱼圆滚滚

2024-05-26 17:40:16

1153浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

噜啦噜啦嘞噜啦嘞

// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData( 
              "<html><body bgcolor=\"white\">Source:<pre>source</pre></body></html>", 
              "text/html", 
              "UTF-8" 
            ); 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code},  Message: ${e.message}`); 
          } 
        }) 
      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.

上述代码如果html中存在非法字符例如css中的color：#333 有“#”的时候会加载不了，需要使用文档中提供的加载本地资源的方法，后面两个参数要复制空格。

// xxx.ets 
import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  updataContent: string = '<body><div><image src=resource://rawfile/xxx.png alt="image -- end" width="500" height="250"></image></div></body>' 
 
  build() { 
    Column() { 
      Button('loadData') 
        .onClick(() => { 
          try { 
            this.controller.loadData(this.updataContent, "text/html", "UTF-8", " ", " "); 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
          } 
        }) 
      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.

回复

2024-05-27 22:23:58

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

发布

相关问题

ArkTS静态类型开发时的注意事项

3327浏览 • 1回复待解决

#鸿蒙通关秘籍#使用TaskPool有何注意事项？

823浏览 • 1回复待解决

HarmonyOS 多线程安全注意事项中模块验证

850浏览 • 1回复待解决

HarmonyOS 使用prefetch4.0有什么注意事项

756浏览 • 1回复待解决

HarmonyOS多线程安全注意事项:ohos.file.fs

1200浏览 • 1回复待解决

#鸿蒙通关秘籍#鸿蒙中生成XML的注意事项？

804浏览 • 1回复待解决

HarmonyOS 要适配手机上下分屏，应用有哪些注意事项

767浏览 • 1回复待解决

#鸿蒙通关秘籍#跨HAP使用Worker线程文件的注意事项

882浏览 • 1回复待解决

#鸿蒙学习大百科#Worker使用的注意事项有哪些？

995浏览 • 1回复待解决

#鸿蒙通关秘籍#在HarmonyOS NEXT中透明度的用法注意事项

1286浏览 • 1回复待解决

#鸿蒙通关秘籍#我好奇，应用文件备份时，有哪些注意事项？

924浏览 • 2回复待解决

应用图标 app_icon 的建议尺寸是什么，有无其他注意事项

1679浏览 • 1回复待解决

#鸿蒙通关秘籍#设置RelativeContainer内子组件的锚点对齐是否有注意事项？

842浏览 • 1回复待解决

鸿蒙系统中，匿名Stub对象的使用场景和注意事项有哪些？

331浏览 • 0回复待解决

#鸿蒙通关秘籍#在鸿蒙开发中绑定自定义键盘有何注意事项？

929浏览 • 1回复待解决

OHPM编写三方库有什么注意事项才能我们更好的定义接口

345浏览 • 1回复待解决

#鸿蒙通关秘籍#在实现对象数组的双向数据绑定时有哪些注意事项？

1003浏览 • 1回复待解决

搭建 HarmonyOS NEXT 开发环境时，相比之前版本有哪些新的要求和注意事项？

376浏览 • 0回复待解决

在HarmonyOS NEXT中，实现一次开发、多端部署的目标有哪些注意事项？

354浏览 • 1回复待解决

#鸿蒙通关秘籍#在鸿蒙系统中使用关系型数据库有什么常见的注意事项？

912浏览 • 1回复待解决

#鸿蒙通关秘籍# 在HarmonyOS中如何使用@Extend和@Styles来重用样式和事件，有哪些注意事项？

1431浏览 • 1回复待解决

HarmonyOS 应用自带H5或集成SDK拉起H5页面的资料及注意事项

893浏览 • 1回复待解决

#鸿蒙通关秘籍# 在HarmonyOS NEXT中实现双路预览并进行实时OCR识别有哪些步骤和注意事项？

921浏览 • 0回复待解决

#鸿蒙通关秘籍# 使用HarmonyOS NEXT中的PullToRefresh库实现自定义的上下拉刷新视图有哪些注意事项？

687浏览 • 0回复待解决

#鸿蒙通关秘籍# 在HarmonyOS中，使用AES加密对数据存储的key和value进行加密处理有什么注意事项？

803浏览 • 0回复待解决

提问

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

相关讨论帖

Eureka 常见问题汇总及注意事项 0回复

在 MySQL 中，group by 有哪些注意事项？ 0回复

学习开发振弦采集模块的注意事项 0回复

低温下安装振弦采集仪注意事项 0回复

锚索测力计安装方法和注意事项 0回复

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