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

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

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

本地资源文件可存放在模块的“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
相关问题
如何获取HSP资源文件
243浏览 • 1回复 待解决
鸿蒙如何获取资源文件路径
13686浏览 • 3回复 待解决
ArkTS如何自定义资源文件
289浏览 • 1回复 待解决
自定义资源文件怎么读取?
243浏览 • 1回复 待解决
鸿蒙中资源文件都又什么作用?
1859浏览 • 1回复 待解决
如何动态访问media目录下资源
209浏览 • 1回复 待解决
如何获取应用自身源文件路径
249浏览 • 1回复 待解决
text内容如何实时获取添加修改?
1254浏览 • 1回复 待解决
Iamge组件如何加载Graphic资源图片?
5268浏览 • 1回复 待解决
PostgreSQL group by 获取唯一值添加
995浏览 • 2回复 待解决
如何判断Web组件是否全屏
244浏览 • 1回复 待解决