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传参问题
222浏览 • 1回复 待解决
HarmonyOS 页面传参问题
299浏览 • 1回复 待解决
HarmonyOS 页面间如何传参？
818浏览 • 1回复 待解决
HarmonyOS 页面导航跳转回调传参问题
876浏览 • 0回复 待解决
HarmonyOS pageInfos.pushPath跳转页面传参问题
454浏览 • 1回复 待解决
HarmonyOS 组件使用CustomBuilder作为参数传参使用问题
143浏览 • 1回复 待解决
HarmonyOS router传参获取问题
487浏览 • 1回复 待解决
JS跳转Java传参问题？
4794浏览 • 1回复 待解决
HarmonyOS web组件如何加载本地字库？
176浏览 • 1回复 待解决
跨设备启动FA传参问题
8147浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
586浏览 • 1回复 待解决
OpenHarmony 使用WEB组件传值问题
3467浏览 • 1回复 待解决
router跳转页面，传参用HashMap，获取参数失败
1699浏览 • 1回复 待解决
HarmonyOS 使用Web组件加载页面示例
429浏览 • 1回复 待解决
如何在navigation跳转页面时返回传参
1636浏览 • 1回复 待解决
HarmonyOS web组件内的html如何加载本地资源？
603浏览 • 1回复 待解决
HarmonyOS Web怎样开启web组件加载页面的加速
349浏览 • 1回复 待解决
HarmonyOS React native 自带的ScrollView的onScroll传参问题
156浏览 • 1回复 待解决
HarmonyOS 如何实现点击通知跳转app指定页面并传参
499浏览 • 1回复 待解决
路由传参如何接参？可否给个案例？
3132浏览 • 1回复 待解决
如何使用Web组件加载本地的html文件？
613浏览 • 1回复 待解决
Web组件加载在线页面存在2次刷新问题
536浏览 • 1回复 待解决
网络请求-GET请求传参
468浏览 • 1回复 待解决
HarmonyOS navigation回退到上一个页面如何传参？
296浏览 • 1回复 待解决
HarmonyOS 全局带参builder调用bind(this)时如何传参？
351浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS—使用Web组件加载页面 0回复
鸿蒙原生应用元服务开发-Web加载本地页面 0回复
在java总如何解决传参乱码问题 0回复
HarmonyOs webview 加载本地html 6回复
HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复