鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数

鸿蒙时代

发布于 2024-5-11 15:16

浏览

0收藏

最新收录于

鸿蒙时代蛟龙腾飞鸿蒙成长路上知识共享

查看专栏

应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。
在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。
前端页面代码。

<!-- index.html -->
<!DOCTYPE html>
<html>
<body>
<script>
    function htmlTest() {
        console.info('JavaScript Hello World! ');
    }
</script>
</body>
</html>
应用侧代码。
// xxx.ets
import web_webview from '@ohos.web.webview';

@Entry
@Component
struct WebComponent {
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.webviewController})
      Button('runJavaScript')
        .onClick(() => {
           this.webviewController.runJavaScript('htmlTest()');
        })
    }
  }
}

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.

本文参考引用HarmonyOS官方开发文档，基于API9。

分类

HarmonyOS

标签

鸿蒙原生应用

相关推荐

HarmonyOS应用侧与前端页面数据通道建立

HarmonyOS开发者 • 4214浏览 • 0回复
鸿蒙原生应用/元服务实战-Web隐私声明

鸿蒙时代 • 2603浏览 • 0回复
鸿蒙原生应用元服务开发-Web管理位置权限

鸿蒙时代 • 4868浏览 • 0回复
鸿蒙原生应用元服务开发-Web加载HTML格式的文本数据

鸿蒙时代 • 4925浏览 • 0回复
鸿蒙原生应用元服务开发-Web加载本地页面

鸿蒙时代 • 4687浏览 • 0回复
鸿蒙原生应用元服务开发-Web建立应用侧与前端页面数据通道

鸿蒙时代 • 3426浏览 • 0回复
鸿蒙原生应用元服务开发-Web前端页面调用应用侧函数

鸿蒙时代 • 4848浏览 • 0回复
鸿蒙原生应用元服务开发-Web上传文件

鸿蒙时代 • 4033浏览 • 0回复
鸿蒙原生应用元服务开发-Web设置深色模式

鸿蒙时代 • 3934浏览 • 0回复
鸿蒙原生应用元服务开发-Web相关说明

鸿蒙时代 • 5218浏览 • 0回复
鸿蒙原生应用元服务开发-Web在新窗口中打开页面

鸿蒙时代 • 4769浏览 • 0回复
鸿蒙原生应用元服务开发WEB-Cookie管理

鸿蒙时代 • 2800浏览 • 0回复
鸿蒙原生应用元服务开发WEB-缓存与存储管理

鸿蒙时代 • 5043浏览 • 0回复
鸿蒙原生应用元服务开发-Web历史记录导航

鸿蒙时代 • 4335浏览 • 0回复
鸿蒙原生应用元服务开发WEB-使用Devtools工具调试前端页面

鸿蒙时代 • 6959浏览 • 0回复
鸿蒙原生应用元服务开发WEB-自定义页面请求响应

鸿蒙时代 • 4003浏览 • 0回复
鸿蒙原生应用元服务开发-WEB跨应用跳转

鸿蒙时代 • 3653浏览 • 0回复
鸿蒙原生应用元服务开发-仓颉基本概念函数

鸿蒙时代 • 1718浏览 • 0回复
鸿蒙开发黑科技：前端页面轻松调用 ArkTS 函数

SameX • 4.2w浏览 • 3回复

51CTO

51CTO博客

51CTO学堂

鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数

订阅鸿蒙技术特刊，精选内容抢先看