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

HarmonyOS Web组件加载本地页面传参问题

Web组件通过rawFile方式加载本地页面的场景，如何像网络url一样传参数？

有两方面需求：

（1）通过?后拼接参数。

（2）通过/#/方式，加载单应用中的指定路由页面。

HarmonyOS
put_get
2024-11-07 11:39:06
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa
FengTianYa

​请参考如下写法：

Web({ src: 'resource://rawfile/index.html#/yourHash', controller: this.controller })

完整示例：​

import web_webview from '@ohos.web.webview'; 
import promptAction from '@ohos.promptAction'; 
 
@Entry 
@Component 
struct WebComponent { 
 
  controller = new web_webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: 'resource://rawfile/index.html#/yourHash', controller: this.controller }) 
        .onAlert((event) => { 
          if (event) { 
            promptAction.showToast({ message: event.message }) 
          } 
          return true; 
        }) 
    }.width('100%').margin({ top: 5 }) 
  } 
} 
 
index.html: 
<!DOCTYPE html> 
  <html lang="en"> 
  <head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Input框示例</title> 
  </head> 
  <body> 
  <input type="file" id="myInput" accept="image/*" id="myInput" name="myInput"> 
  </body> 
  <script> 
  alert(location.hash) 
  </script> 
  </html>
分享
微博
QQ
微信
回复
2024-11-07 16:19:52
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 本地html传参问题
285浏览 • 1回复 待解决
HarmonyOS 页面传参问题
367浏览 • 1回复 待解决
HarmonyOS 页面间如何传参？
917浏览 • 1回复 待解决
HarmonyOS 页面内组件如何感知路由返回传参
72浏览 • 1回复 待解决
HarmonyOS 页面导航跳转回调传参问题
1077浏览 • 0回复 待解决
HarmonyOS pageInfos.pushPath跳转页面传参问题
562浏览 • 1回复 待解决
HarmonyOS 调用flutter页面并传参
13浏览 • 1回复 待解决
HarmonyOS 组件使用CustomBuilder作为参数传参使用问题
223浏览 • 1回复 待解决
HarmonyOS 参数传参问题
81浏览 • 1回复 待解决
HarmonyOS Navigation传参问题
22浏览 • 1回复 待解决
HarmonyOS web组件如何加载本地字库？
246浏览 • 1回复 待解决
HarmonyOS HTTP使用Map传参问题
46浏览 • 1回复 待解决
JS跳转Java传参问题？
4841浏览 • 1回复 待解决
HarmonyOS router传参获取问题
553浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
43浏览 • 1回复 待解决
HarmonyOS 页面传参后对象出错
24浏览 • 1回复 待解决
HarmonyOS router.back方法的传参和返参问题
28浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
65浏览 • 1回复 待解决
HarmonyOS web加载本地h5页面的网络请求跨域问题
25浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
659浏览 • 1回复 待解决
OpenHarmony 使用WEB组件传值问题
3530浏览 • 1回复 待解决
HarmonyOS POST请求传参
59浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
486浏览 • 1回复 待解决
HarmonyOS 自动化测试传参问题
24浏览 • 1回复 待解决
跨设备启动FA传参问题
8216浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS—使用Web组件加载页面 0回复
鸿蒙原生应用元服务开发-Web加载本地页面 0回复
在java总如何解决传参乱码问题 0回复
HarmonyOs webview 加载本地html 6回复
HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复