鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 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？

1321浏览 • 1回复待解决

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

2117浏览 • 1回复待解决

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

780浏览 • 1回复待解决

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

909浏览 • 1回复待解决

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

2576浏览 • 1回复待解决

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

1737浏览 • 1回复待解决

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

2868浏览 • 1回复待解决

HarmonyOS web组件加载url失败

1773浏览 • 1回复待解决

web组件对html文件的加载

1946浏览 • 1回复待解决

HarmonyOS Web组件加载html文件异常

1717浏览 • 1回复待解决

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

2047浏览 • 1回复待解决

HarmonyOS Web组件加载URL显示空白

1004浏览 • 1回复待解决

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

1225浏览 • 1回复待解决

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

2429浏览 • 1回复待解决

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

1365浏览 • 1回复待解决

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

3731浏览 • 1回复待解决

HarmonyOS 如何拦截web加载url

939浏览 • 1回复待解决

web组件未加载出url内容来

1393浏览 • 1回复待解决

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

1248浏览 • 1回复待解决

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

1080浏览 • 1回复待解决

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

1281浏览 • 1回复待解决

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

1226浏览 • 1回复待解决

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

1641浏览 • 1回复待解决

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

992浏览 • 1回复待解决

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

901浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

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

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

rawfile的使用 1回复

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