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文件的加载
412浏览 • 1回复 待解决
Web如何使用loadData加载复杂Html字符串
775浏览 • 1回复 待解决
Web加载网页获取当前页面和url
516浏览 • 1回复 待解决
如何禁止web组件自动加载图片?
391浏览 • 1回复 待解决
预览器上WEB组件无法显示HTML内容
1034浏览 • 1回复 待解决
如何解决webview离线加载白屏问题
462浏览 • 1回复 待解决
Web组件如何判断网址是否加载成功
894浏览 • 1回复 待解决
Web组件中的预加载如何实现?
461浏览 • 1回复 待解决
如何自定义拼接设置UserAgent参数
1045浏览 • 3回复 待解决
离线webview组件有没有相关使用文档
610浏览 • 1回复 待解决
html sms标签跳转丢失&符号内容
1859浏览 • 1回复 待解决
如何实现ArkUI组件字符串变量拼接
1194浏览 • 1回复 待解决
Web组件访问本地资源并传递参数
416浏览 • 1回复 待解决
鸿蒙是否支持加载HTML
11127浏览 • 3回复 待解决