鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 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

浏览

赞

收藏 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 }) 
    } 
  } 
}

上述代码如果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 }) 
    } 
  } 
}

回复

2024-05-27 22:23:58

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

发布

相关问题

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

2428浏览 • 1回复待解决

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

150浏览 • 1回复待解决

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

59浏览 • 1回复待解决

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

105浏览 • 1回复待解决

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

414浏览 • 1回复待解决

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

115浏览 • 1回复待解决

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

58浏览 • 1回复待解决

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

283浏览 • 1回复待解决

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

694浏览 • 1回复待解决

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

151浏览 • 2回复待解决

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

211浏览 • 1回复待解决

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

123浏览 • 1回复待解决

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

154浏览 • 1回复待解决

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

135浏览 • 1回复待解决

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

115浏览 • 1回复待解决

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

97浏览 • 1回复待解决

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

337浏览 • 1回复待解决

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

136浏览 • 0回复待解决

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

116浏览 • 0回复待解决

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

105浏览 • 0回复待解决

#鸿蒙通关秘籍# 在Tab组件中隐藏系统TabBar并实现自定义TabBar时有哪些关键步骤和注意事项？

132浏览 • 0回复待解决

#鸿蒙通关秘籍#ArkTS TaskPool的实现需要注意哪些事项？

178浏览 • 1回复待解决

#鸿蒙学习大百科#使用TaskPool都应注意哪些事项？

318浏览 • 1回复待解决

#鸿蒙通关秘籍#ArkTS卡片配置文件需要注意哪些事项？

100浏览 • 1回复待解决

#鸿蒙学习大百科#Lazy-Import在实际使用中需要注意哪些事项？

456浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

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

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

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