鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

前端代码如何调用原生中的方法并获取到返回值？

前端代码如何调用原生中的方法并获取到返回值？

HarmonyOS

2024-08-06 18:55:27

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

电子土豆片

html：

<!-- index.html -->
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="callArkTS()">Click Me!</button>
<p id="demo"></p>
<script>
    function callArkTS() {
        let str = testObjName.test();
        document.getElementById("demo").innerHTML = str;
        console.info('=====ArkTS Hello World! :' + str);
    }
</script>
</body>
</html>1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.

artTS：

import web_webview from '@ohos.web.webview';
@Entry
@Component
struct Index {
  webviewController: web_webview.WebviewController = new web_webview.WebviewController()
  // 声明需要注册的对象
  @State testObj: testClass = new testClass();
  build() {
    Column() {
      Web({
        src: $rawfile("index.html"), controller: this.webviewController
      }).javaScriptProxy({
        object: this.testObj,
        name: "testObjName",
        methodList: ["test"],
        controller: this.webviewController
      })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}

class testClass {
  constructor() {
  }
  test(): string {
    return 'ArkTS Hello World!';
  }
}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.

回复

2024-08-06 20:28:23

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 使用napi_load_module_with_info如何加载执行ts异步方法并获取返回值

605浏览 • 1回复待解决

HarmonyOS getDefaultCellularDataSlotIdSync方法返回值问题

1015浏览 • 1回复待解决

HarmonyOS 检测root的返回值JWS字符串如何解析并获取结果?有示例代码吗?

496浏览 • 1回复待解决

HarmonyOS router.back()如何获取返回值

1245浏览 • 1回复待解决

HarmonyOS h5与原生交互，在原生实现的js方法中怎么获取到webController，用于调用runJavaScript方法？

1532浏览 • 1回复待解决

HarmonyOS 上传文件无法获取接口返回值

957浏览 • 1回复待解决

HarmonyOS TextPickerDialog返回值问题

1080浏览 • 1回复待解决

HarmonyOS onBackPress返回值问题

774浏览 • 1回复待解决

HarmonyOS 如何初始化一个泛型方法的返回值？

1184浏览 • 1回复待解决

#鸿蒙通关秘籍# TaskPool中的Promise返回值如何处理？

1203浏览 • 1回复待解决

如何调用系统相机拍照，并获取到拍摄的图片

2904浏览 • 1回复待解决

HarmonyOS 获取副卡服务商无返回值

864浏览 • 1回复待解决

求助:关于HTTP返回值的问题

3746浏览 • 1回复待解决

HarmonyOS Promise函数返回值问题

1181浏览 • 1回复待解决

如何用Harmony调用原生相机拍照并获取图片？

5130浏览 • 1回复待解决

错误rowCount返回值-1如何处理？

2195浏览 • 1回复待解决

RCP能力实现http网络请求时，设置session配置中关于onDataReceive方法的返回值

1016浏览 • 1回复待解决

函数封装后的返回值如何通过不同方法提取并进行调用，以及实现的类怎么导入import

2512浏览 • 1回复待解决

HarmonyOS hiDebug的返回值，单位都写的KB，但是获取到的数值按照kb来算的话有问题。

591浏览 • 1回复待解决

event.data.isRequestGesture()返回值问题

1712浏览 • 1回复待解决

HarmonyOS 是否能在代码中获取方法的调用栈

684浏览 • 1回复待解决

webviewController runJavaScript 获取h5返回值嵌套字符串

1912浏览 • 1回复待解决

HarmonyOS OH_ImageSourceNative_GetImageProperty返回值的含义

783浏览 • 1回复待解决

HarmonyOS onInterceptRequest如何判断了之后再返回值

718浏览 • 1回复待解决

HarmonyOS 使用aki绑定c++与js类，c++方法返回值定义为父类.d.ts返回值也定义为父类，返回值实际为子类对象，但该ts对象无法访问子类方法

794浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

并发编程之：异步调用获取返回值 0回复

HarmonyOS实战—滑动事件的坐标和返回值 5回复

HarmonyOS Next元组妙用：多返回值与模式匹配 0回复

鸿蒙的json.parse（）返回的对象无法获取到键值 6回复

页面无法重复跳转以及返回值无法设置到组件 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载