51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考信创认证华为认证厂商认证IT技术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传参问题
2109浏览 • 1回复 待解决
HarmonyOS 页面传参问题
1672浏览 • 1回复 待解决
HarmonyOS 页面间如何传参？
2198浏览 • 1回复 待解决
HarmonyOS 页面内组件如何感知路由返回传参
1029浏览 • 1回复 待解决
HarmonyOS 页面导航跳转回调传参问题
3162浏览 • 1回复 待解决
HarmonyOS pageInfos.pushPath跳转页面传参问题
1729浏览 • 1回复 待解决
HarmonyOS 调用flutter页面并传参
916浏览 • 1回复 待解决
HarmonyOS 组件使用CustomBuilder作为参数传参使用问题
1642浏览 • 1回复 待解决
HarmonyOS 参数传参问题
1220浏览 • 1回复 待解决
HarmonyOS Navigation传参问题
2988浏览 • 1回复 待解决
HarmonyOS web组件如何加载本地字库？
1631浏览 • 1回复 待解决
HarmonyOS web组件 加载web页面异常
1663浏览 • 1回复 待解决
HarmonyOS HTTP使用Map传参问题
1221浏览 • 1回复 待解决
JS跳转Java传参问题？
6144浏览 • 1回复 待解决
HarmonyOS @Builder Params传参问题
953浏览 • 1回复 待解决
HarmonyOS router传参获取问题
1548浏览 • 1回复 待解决
HarmonyOS 页面传参后对象出错
873浏览 • 1回复 待解决
HarmonyOS router.back方法的传参和返参问题
1581浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
2212浏览 • 1回复 待解决
HarmonyOS web组件加载页面空白
1460浏览 • 1回复 待解决
HarmonyOS Web组件无法加载页面
1166浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
1586浏览 • 1回复 待解决
HarmonyOS web加载本地h5页面的网络请求跨域问题
1207浏览 • 1回复 待解决
OpenHarmony 使用WEB组件传值问题
5121浏览 • 1回复 待解决
HarmonyOS 自动化测试传参问题
1150浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS—使用Web组件加载页面 0回复
鸿蒙原生应用元服务开发-Web加载本地页面 0回复
HarmonyOS的router传参 0回复
在java总如何解决传参乱码问题 0回复
鸿蒙仓颉开发语言实战教程：页面跳转和传参 0回复