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

HarmonyOS 本地html传参问题

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

HarmonyOS
zbw_apple
2024-11-05 11:32:47
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
superinsect

可以参考以下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>
分享
微博
QQ
微信
回复
2024-11-05 15:20:44
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS Web组件加载本地页面传参问题
1567浏览 • 1回复 待解决
HarmonyOS 页面传参问题
1621浏览 • 1回复 待解决
HarmonyOS 参数传参问题
1147浏览 • 1回复 待解决
HarmonyOS Navigation传参问题
2698浏览 • 1回复 待解决
HarmonyOS HTTP使用Map传参问题
1066浏览 • 1回复 待解决
JS跳转Java传参问题？
6061浏览 • 1回复 待解决
HarmonyOS router传参获取问题
1433浏览 • 1回复 待解决
HarmonyOS @Builder Params传参问题
899浏览 • 1回复 待解决
HarmonyOS router.back方法的传参和返参问题
1452浏览 • 1回复 待解决
HarmonyOS webview加载本地html问题
2352浏览 • 1回复 待解决
HarmonyOS POST请求传参
1670浏览 • 1回复 待解决
HarmonyOS 自动化测试传参问题
1082浏览 • 1回复 待解决
跨设备启动FA传参问题
9837浏览 • 1回复 待解决
HarmonyOS 组件使用CustomBuilder作为参数传参使用问题
1532浏览 • 1回复 待解决
HarmonyOS 页面间如何传参？
2109浏览 • 1回复 待解决
HarmonyOS pageInfos.pushPath跳转页面传参问题
1628浏览 • 1回复 待解决
HarmonyOS 页面导航跳转回调传参问题
2908浏览 • 1回复 待解决
HarmonyOS router跳转返回如何传参
1047浏览 • 1回复 待解决
HarmonyOS 调用flutter页面并传参
879浏览 • 1回复 待解决
路由传参如何接参？可否给个案例？
4292浏览 • 1回复 待解决
网络请求-GET请求传参
1893浏览 • 1回复 待解决
HarmonyOS React native 自带的ScrollView的onScroll传参问题
1009浏览 • 1回复 待解决
烧录传参问题，我有一点疑惑
9184浏览 • 4回复 待解决
ArkTS 网络请求 接口动态传参
1583浏览 • 1回复 待解决
HarmonyOS 全局带参builder调用bind(this)时如何传参？
1620浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
HarmonyOS的router传参 0回复
在java总如何解决传参乱码问题 0回复
HarmonyOs webview 加载本地html 6回复
在鸿蒙（HarmonyOS 5），创建云函数以及调用和传参 0回复
干货分享：Harmonyos Next组件式开发中的高效传参技巧 4回复