HarmonyOS web组件javaScriptProxy有办法只集成全局的function方法吗，不集成对象

.javaScriptProxy({
  object: this.callAppToJs,
  name: "callAppToJs",
  methodList: ['callAppToJs', 'alert', 'openCamera', 'sendPhoto', 'routerToInternationalization',
    'loginOut', 'callAppToJs', 'openSystemBrowser', 'makePhoneCall'],
  controller: this.controller
})
1.
2.
3.
4.
5.
6.
7.

集成全局的方法，不用object调用吗

HarmonyOS

zbw_apple

2025-01-09 18:01:41

474浏览

回答 1

按赞同

按时间

zxjiu

目前.javaScriptProxy的object是必传项暂不支持不填写他可以参考

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#javascriptproxy12

看下这种

// xxx.ets
import { webview } from '@kit.ArkWeb';

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

  aboutToAppear() {
    // 配置Web开启调试模式
    webview.WebviewController.setWebDebuggingAccess(true);
  }

  build() {
    Column() {
      Button('runJavaScript')
        .onClick(() => {
          // 前端页面函数无参时，将param删除。
          this.webviewController.runJavaScript('htmlTest(param)');
        })
      Button('runJavaScriptCodePassed')
        .onClick(() => {
          // 传递runJavaScript侧代码方法。
          this.webviewController.runJavaScript(`function changeColor(){document.getElementById('text').style.color = 'red'}`);
        })
      Web({ src: $rawfile('index.html'), controller: this.webviewController })
    }
  }
}



<!-- index.html -->
  <!DOCTYPE html>
  <html>
  <body>
  <button type="button" onclick="callArkTS()">Click Me!</button>
  <h1 id="text">这是一个测试信息，默认字体为黑色，调用runJavaScript方法后字体为绿色，调用runJavaScriptCodePassed方法后字体为红色</h1>
  <script>
  // 调用有参函数时实现。
  var param = "param: JavaScript Hello World!";
function htmlTest(param) {
  document.getElementById('text').style.color = 'green';
  console.log(param);
}
// 调用无参函数时实现。
function htmlTest() {
  document.getElementById('text').style.color = 'green';
}
// Click Me！触发前端页面callArkTS()函数执行JavaScript传递的代码。
function callArkTS() {
  window.changeColor();
}
</script>
  </body>
  </html>
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.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.

2025-01-09 19:10:44

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS web组件javaScriptProxy有办法只集成全局的function方法吗，不集成对象

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