鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

Web组件使用rawFile加载离线html时,如何在url后拼接参数

Web组件使用rawFile加载离线html时在url后拼接参数

HarmonyOS

2024-05-20 20:24:42

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以通过下列代码实现

参考代码：

应用侧代码： 
// xxx.ets 
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/a1.html?key=value', controller: this.controller }) 
.javaScriptAccess(true) 
.domStorageAccess(true) 
} 
} 
} 
  
  
//H5侧代码 
a1.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>

回复

2024-05-21 15:43:55

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

发布

相关问题

HarmonyOS web组件是否支持加载携带参数的拼接url？

735浏览 • 1回复待解决

如何使用Web组件加载本地的html文件？

1467浏览 • 1回复待解决

HarmonyOS web组件加载url时无法获取header

419浏览 • 1回复待解决

HarmonyOS WebView组件打开rawfile内的HTML资源时，无法正常加载

470浏览 • 1回复待解决

HarmonyOS 使用web组件loadData加载html文件白屏

711浏览 • 1回复待解决

如何使用Web组件加载一段html代码片段？

1165浏览 • 1回复待解决

HarmonyOS web组件加载url后，图片显示不出来

1925浏览 • 1回复待解决

HarmonyOS web组件加载url失败

1146浏览 • 1回复待解决

web组件对html文件的加载

1318浏览 • 1回复待解决

HarmonyOS Web组件加载html文件异常

1156浏览 • 1回复待解决

HarmonyOS Web组件如何加载html字符串

1408浏览 • 1回复待解决

HarmonyOS web组件如何使用html加载下载到设备本地的文件

573浏览 • 1回复待解决

HarmonyOS Web组件加载URL显示空白

571浏览 • 1回复待解决

HarmonyOS web组件内的html如何加载本地资源？

1412浏览 • 1回复待解决

Web如何使用loadData加载复杂Html字符串

2836浏览 • 1回复待解决

HarmonyOS 如何拦截web加载url

466浏览 • 1回复待解决

HarmonyOS 使用web加载生成的html文本，怎么在这段html文本中引用rawfile或者应用cache下的css文件

772浏览 • 1回复待解决

HarmonyOS web组件加载本地HTML字符串时无法自适应高度

635浏览 • 1回复待解决

web组件未加载出url内容来

911浏览 • 1回复待解决

HarmonyOS web组件加载本地离线包的cookie跨域

665浏览 • 1回复待解决

HarmonyOS web组件离线加载，以及缓存资源等场景Demo

1041浏览 • 1回复待解决

HarmonyOS web组件怎么加载html字符串

388浏览 • 1回复待解决

HarmonyOS web使用loadUrl加载沙箱html文件报错

430浏览 • 1回复待解决

HarmonyOS 如何在web组件中给html注入样式

443浏览 • 1回复待解决

axios使用参数里面，params这个值应该axios会自动把参数拼接到url query params吧！

736浏览 • 1回复待解决

提问

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

相关讨论帖

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

Flutter Web：使用命名路线导航URL 0回复

基于@ohos.util.stream的web离线缓存文件加载 0回复

鸿蒙开源组件——html页面的加载 0回复

rawfile的使用 1回复

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