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

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

HarmonyOS
2024-05-20 20:24:42
869浏览
收藏 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>
  • 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.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
分享
微博
QQ
微信
回复
2024-05-21 15:43:55
相关问题
如何使用Web组件加载本地的html文件?
1780浏览 • 1回复 待解决
HarmonyOS web组件加载url失败
1476浏览 • 1回复 待解决
web组件html文件的加载
1623浏览 • 1回复 待解决
HarmonyOS Web组件如何加载html字符串
1721浏览 • 1回复 待解决
HarmonyOS Web组件加载html文件异常
1446浏览 • 1回复 待解决
HarmonyOS Web组件加载URL显示空白
796浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
3249浏览 • 1回复 待解决
HarmonyOS 如何拦截web加载url
738浏览 • 1回复 待解决
web组件加载url内容来
1172浏览 • 1回复 待解决
HarmonyOS web组件怎么加载html字符串
657浏览 • 1回复 待解决
HarmonyOS Web 加载URL异常
1335浏览 • 1回复 待解决