Web组件如何访问本地的资源文件,并添加查询参数

Web组件如何访问本地的资源文件,并添加查询参数

HarmonyOS
2024-03-17 17:47:50
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
小小肉蟹

本地资源文件可存放在模块的“src\main\resources\rawfile”文件夹下,在ets文件中通过$rawfile('文件名')访问。

目前不支持直接添加查询参数,可以通过Web组件加载一个HTML文件,通过window.location.href跳转到带有参数的本地HTML页面。具体可参考示例代码:

import { webview } from '@kit.ArkWeb'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: $rawfile('index.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
    } 
  } 
}

在“src\main\resources\rawfile”文件夹下创建index.html文件和details.html。

index.html:

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> window.onload = function() { window.location.href = "details.html"; } 
    </script> 
</head> 
<body></body> 
</html>

details.html:

<!DOCTYPE html> 
<html> 
<head><title>详情页</title></head> 
<body><h1>欢迎来到详情页!</h1> 
<p>您已成功从首页跳转到此页,并在URL中添加了参数。</p></body> 
</html>
分享
微博
QQ
微信
回复
2024-03-18 21:26:32
相关问题
Web组件访问本地资源传递参数
786浏览 • 1回复 待解决
Web组件如何访问跨域资源
365浏览 • 1回复 待解决
如何获取HSP资源文件
2244浏览 • 1回复 待解决
鸿蒙如何获取资源文件路径
16350浏览 • 3回复 待解决
如何获取资源文件全路径
1860浏览 • 1回复 待解决
ArkTS如何自定义资源文件
2199浏览 • 1回复 待解决
如何获取profile路径下资源文件
1766浏览 • 1回复 待解决
自定义资源文件怎么读取?
2316浏览 • 1回复 待解决
鸿蒙中资源文件都又什么作用?
3637浏览 • 1回复 待解决
编译器突然不识别资源文件
360浏览 • 1回复 待解决
HarmonyOS 加载RN沙盒路径资源文件
126浏览 • 1回复 待解决