中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
将本地页面文件放在应用的rawfile目录下,开发者可以在Web组件创建的时候指定默认加载的本地页面 ,并且加载完成后可通过调用loadUrl()接口变更当前Web组件的页面。
在下面的示例中展示加载本地页面文件的方法:
将资源文件放置在应用的resources/rawfile目录下。 图1 资源文件路径 应用侧代码
// xxx.ets import web_webview from '@ohos.web.webview'; @Entry @Component struct WebComponent { webviewController: web_webview.WebviewController = new web_webview.WebviewController(); build() { Column() { Button('loadUrl') .onClick(() => { try { // 点击按钮时,通过loadUrl,跳转到local1.html this.webviewController.loadUrl($rawfile("local1.html")); } catch (error) { console.error(`ErrorCode: ${error.code}, Message: ${error.message}`); } }) // 组件创建时,通过$rawfile加载本地文件local.html Web({ src: $rawfile("local.html"), controller: this.webviewController }) } } } local.html页面代码。 <!-- local.html --> <!DOCTYPE html> <html> <body> <p>Hello World</p> </body> </html>
本文参考引用HarmonyOS官方开发文档,基于API9。
微信扫码分享