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

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

HarmonyOS
2024-05-20 20:24:42
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fanyu0803

可以通过下列代码实现

参考代码:

应用侧代码: 
// 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>
分享
微博
QQ
微信
回复
2024-05-21 15:43:55
相关问题
web组件html文件的加载
783浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
518浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
448浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
622浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
2342浏览 • 1回复 待解决
HarmonyOS Web 加载URL异常
456浏览 • 1回复 待解决
web组件加载url内容来
421浏览 • 1回复 待解决
HarmonyOS web离线加载请求跨域问题
570浏览 • 1回复 待解决
Web加载网页获取当前页面和url
1235浏览 • 1回复 待解决
HarmonyOS Web组件离线包方案
438浏览 • 1回复 待解决