鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

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

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

有两方面需求：

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

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

HarmonyOS

2024-11-07 11:39:06

1254浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

请参考如下写法：

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

完整示例：

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>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.
33.
34.
35.
36.
37.

回复

2024-11-07 16:19:52

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

发布

相关问题

HarmonyOS 本地html传参问题

1463浏览 • 1回复待解决

HarmonyOS 页面传参问题

1234浏览 • 1回复待解决

HarmonyOS 页面间如何传参？

1739浏览 • 1回复待解决

HarmonyOS 页面导航跳转回调传参问题

2297浏览 • 0回复待解决

HarmonyOS pageInfos.pushPath跳转页面传参问题

1234浏览 • 1回复待解决

HarmonyOS 页面内组件如何感知路由返回传参

666浏览 • 1回复待解决

HarmonyOS Navigation传参问题

1198浏览 • 1回复待解决

HarmonyOS 参数传参问题

886浏览 • 1回复待解决

HarmonyOS 调用flutter页面并传参

628浏览 • 1回复待解决

HarmonyOS 组件使用CustomBuilder作为参数传参使用问题

1069浏览 • 1回复待解决

JS跳转Java传参问题？

5763浏览 • 1回复待解决

HarmonyOS HTTP使用Map传参问题

817浏览 • 1回复待解决

HarmonyOS router传参获取问题

1166浏览 • 1回复待解决

HarmonyOS @Builder Params传参问题

639浏览 • 1回复待解决

HarmonyOS web组件如何加载本地字库？

1241浏览 • 1回复待解决

HarmonyOS 页面传参后对象出错

567浏览 • 1回复待解决

HarmonyOS web组件加载web页面异常

1232浏览 • 1回复待解决

HarmonyOS router.back方法的传参和返参问题

1008浏览 • 1回复待解决

HarmonyOS Web组件无法加载页面

856浏览 • 1回复待解决

HarmonyOS web组件加载页面空白

1105浏览 • 1回复待解决

HarmonyOS 自动化测试传参问题

834浏览 • 1回复待解决

跨设备启动FA传参问题

9243浏览 • 1回复待解决

HarmonyOS web加载本地h5页面的网络请求跨域问题

746浏览 • 1回复待解决

OpenHarmony 使用WEB组件传值问题

4535浏览 • 1回复待解决

HarmonyOS web组件加载pdf问题

1541浏览 • 1回复待解决

提问

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

相关讨论帖

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

鸿蒙原生应用元服务开发-Web加载本地页面 0回复

在java总如何解决传参乱码问题 0回复

HarmonyOs webview 加载本地html 6回复

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

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