51CTO首页
AI.x社区
博客
学堂
精品班
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
AIGC创新中国行
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术2024年软考PMP项目管理软考资讯
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO题库小程序
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
活动 短视频 专栏 极客Show 鸿蒙技术特刊

loaddata api注意事项

loaddata api注意事项

HarmonyOS
JKings
2024-05-26 17:40:16
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
hflame
hflame 
// 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 }) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-05-27 22:23:58
如何写精华回答，获更多曝光？
发布
相关问题
ArkTS静态类型开发时的注意事项
819浏览 • 1回复 待解决
学习鸿蒙我们应该注意什么
3837浏览 • 1回复 待解决
如何解决webview loaddata白屏问题
369浏览 • 1回复 待解决
Redis Key的注意点是什么？
1792浏览 • 1回复 待解决
webviewController的loadData无法显示长文本
660浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
661浏览 • 1回复 待解决
在OceanBase中，如何更改配置文件需要注意什么？
3073浏览 • 1回复 待解决
组件复用提升性能，不小心可能踩的坑，注意避让
182浏览 • 1回复 待解决
多选按钮设置透明，重新画按钮后，如何能够实现对应的点击事项？
3958浏览 • 1回复 待解决
使用controller.loadData， rawfile 目录下的js文件的路径怎么取
1220浏览 • 1回复 待解决
loadData加载h5字符串，如何解决onUrlLoadIntercept不触发问题？
409浏览 • 1回复 待解决
期望系统api提供深色模式控制api
411浏览 • 1回复 待解决
元服务的api集和应用api集 如何区分
396浏览 • 1回复 待解决
鸿蒙系统有哪些可用的视觉API以及图像处理API？
2359浏览 • 1回复 待解决
targetsdkversion如何通过api获取
438浏览 • 1回复 待解决
API 版本适配config.json
5485浏览 • 1回复 待解决
api 9 申请网络权限报错
2082浏览 • 1回复 待解决
华为JS API如何唤起分享？
3250浏览 • 1回复 待解决
如何查看HarmonyOS的API文档
9340浏览 • 1回复 待解决
ETS API求助 Navigator如何传递参数
5849浏览 • 1回复 待解决
对于获取权限的api的问题
461浏览 • 1回复 待解决
js api 中select组件如何使用
5610浏览 • 2回复 已解决
api网关推荐有知道的吗？
987浏览 • 1回复 待解决
JS API 中 web组件 怎么使用
3862浏览 • 1回复 待解决
是否有衡量页面性能的 API？
201浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
Eureka 常见问题汇总及注意事项 0回复
在 MySQL 中，group by 有哪些注意事项？ 0回复
低温下安装振弦采集仪注意事项 0回复
锚索测力计安装方法和注意事项 0回复
学习开发振弦采集模块的注意事项 0回复