鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS 本地html传参问题

在项目resources/rawfile目录下存放index.html文件，通过let path = $rawfile('index.html')这种方式如何在uri后面拼接参数？例如index.html?num=1&page=1这种形式。

HarmonyOS

2024-11-05 11:32:47

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

可以参考以下demo：

//应用侧代码 
import web_webview from '@ohos.web.webview' 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  build() { 
    Column() { 
      Web({ src: 'resource://rawfile/index.html?key=value', controller: this.controller }) 
        .javaScriptAccess(true) 
        .domStorageAccess(true) 
    } 
  } 
}
//H5侧代码 
index.html： 
<!DOCTYPE html> 
<html> 
<head> 
<title>Parameter-based HTML</title> 
</head> 
<body> 
<h1>Welcome!</h1> 
<p id="params"></p> 
<script> 
function getParams() { 
var params = {}; 
window.location.search.substring(1).split('&').forEach(function(param) { 
var pair = param.split('='); 
params[pair[0]] = decodeURIComponent(pair[1]); 
}); 
return params; 
} 
document.getElementById('params').innerHTML = JSON.stringify(getParams()); 
</script> 
</body> 
</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-05 15:20:44

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

发布

相关问题

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

1053浏览 • 1回复待解决

HarmonyOS 页面传参问题

1057浏览 • 1回复待解决

HarmonyOS Navigation传参问题

857浏览 • 1回复待解决

HarmonyOS 参数传参问题

716浏览 • 1回复待解决

HarmonyOS @Builder Params传参问题

522浏览 • 1回复待解决

HarmonyOS router传参获取问题

1033浏览 • 1回复待解决

JS跳转Java传参问题？

5492浏览 • 1回复待解决

HarmonyOS HTTP使用Map传参问题

687浏览 • 1回复待解决

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

765浏览 • 1回复待解决

HarmonyOS webview加载本地html问题

1585浏览 • 1回复待解决

跨设备启动FA传参问题

8943浏览 • 1回复待解决

HarmonyOS 自动化测试传参问题

679浏览 • 1回复待解决

HarmonyOS POST请求传参

886浏览 • 1回复待解决

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

1083浏览 • 1回复待解决

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

2054浏览 • 0回复待解决

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

879浏览 • 1回复待解决

HarmonyOS 页面间如何传参？

1564浏览 • 1回复待解决

路由传参如何接参？可否给个案例？

3846浏览 • 1回复待解决

HarmonyOS React native 自带的ScrollView的onScroll传参问题

595浏览 • 1回复待解决

烧录传参问题，我有一点疑惑

8348浏览 • 4回复待解决

HarmonyOS 调用flutter页面并传参

472浏览 • 1回复待解决

HarmonyOS router跳转返回如何传参

512浏览 • 1回复待解决

网络请求-GET请求传参

1302浏览 • 1回复待解决

HarmonyOS 全局带参builder调用bind(this)时如何传参？

1089浏览 • 1回复待解决

HarmonyOS 页面传参后对象出错

429浏览 • 1回复待解决

提问

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

相关讨论帖

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

HarmonyOs webview 加载本地html 6回复

Apache DolphinScheduler 简单任务定义及复杂的跨节点传参 4回复

WebView加载html图片不显示问题 1回复

v23.04 鸿蒙内核源码分析(汇编传参) | 如何传递复杂的参数 2回复

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