鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS Web与JavaScript交互

在与H5页面进行交互时，H5端调用本地方法时没有将本地方法绑定到Window，无法使用javaScriptProxy方法进行交互

HarmonyOS

2024-12-25 14:57:58

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

目前没有可以直接把方法放到 window对象可以配合注册js方法【javaScriptProxy】和执行脚本方法【runJavaScript】，来完成在window对象注册方法，具体参考下面的demo

// index.html 代码
<!-- index.html -->
  <!DOCTYPE html>
  <html>
  <body>

  <div style="font-size:40px">
  名称：<input id="nameInput" type="text">
  <br/>
  <br/>
  年龄：<input id="ageInput" type="text">
  <br/>
  <br/>
  <button type="button" onclick="callArkTS()">提交</button>
  <p id="demo"></p>
  </div>
  <script>
  function callArkTS() {
    let str = window.demno();
    document.getElementById("demo").innerHTML = str;
    let name = document.getElementById("nameInput").value;
    let age = document.getElementById("ageInput").value;
    window.setData(name, age);
  }
  </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.

// xxx.ets文件
import webview from '@ohos.web.webview';
import router from '@ohos.router';

class testClass {
  constructor() {
  }
  test(): string {
    return 'ArkTS Hello World!';
  }
  setData(name: string, age: string): void {
    router.pushUrl({url: 'pages/Index', params: {
      name,
      age,
    }})
  }
}
@Entry
@Component
struct H5Page {
  controller: webview.WebviewController = new webview.WebviewController();
  @State testObj: testClass = new testClass();

  // 方法挂载到 window对象的代码块， 再onPageBegin方法中执行
  code:string =`
  window.test = testObjName.test
  window.setData = (name, age) => {
      testObjName.setData(name, age);
    };
  window.demno = () => {
      console.log('

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-12-25 17:50:06

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

发布

相关问题

#鸿蒙学习大百科#ArkWeb如何支持与Web页面的JavaScript交互？

969浏览 • 1回复待解决

HarmonyOS 系统与web交互

644浏览 • 1回复待解决

#鸿蒙通关秘籍# 如何通过ArkWeb实现与JavaScript的交互？

1755浏览 • 1回复待解决

HarmonyOS Web js与原生交互

1259浏览 • 1回复待解决

HarmonyOS web与H5交互

1657浏览 • 1回复待解决

HarmonyOS 如何与Web页面进行交互（JS的使用）

728浏览 • 1回复待解决

HarmonyOS web组件停止JavaScript回调

769浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

2092浏览 • 1回复待解决

HarmonyOS中web与内嵌vue页面的交互问题

1511浏览 • 1回复待解决

现存Web与Native交互，是否必须要进行Web端的改造？

940浏览 • 1回复待解决

HarmonyOS web组件与js交互问题（前端使用的vue）

1315浏览 • 1回复待解决

HarmonyOS web交互示例

759浏览 • 1回复待解决

HarmonyOS WebView与js交互

849浏览 • 1回复待解决

HarmonyOS 原生与js交互

1066浏览 • 1回复待解决

HarmonyOS webview加载与交互

810浏览 • 1回复待解决

HarmonyOS web和js交互

733浏览 • 1回复待解决

HarmonyOS web端原生交互

665浏览 • 1回复待解决

HarmonyOS Web组件中如何使用自定义协议与原生端交互数据

956浏览 • 1回复待解决

HarmonyOS web组件和js交互

799浏览 • 1回复待解决

HarmonyOS RN如何与Native交互？

852浏览 • 1回复待解决

应用中内置web如何实现与h5的交互传参？

938浏览 • 1回复待解决

HarmonyOS webview与原生交互方法重名

685浏览 • 1回复待解决

HarmonyOS 与SIM交互相关接口

557浏览 • 1回复待解决

HarmonyOS vue框架与ArkTS的交互

1215浏览 • 1回复待解决

HarmonyOS web和原生交互的demo

626浏览 • 1回复待解决

提问

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

相关讨论帖

Android WebView —— Java 与 JavaScript 交互总结 0回复

（六）ArkTS 与 HarmonyOS 系统交互 0回复

HarmonyOS - Java与Js的混合使用与交互 1回复

鸿蒙开源组件——OHOS WebView 和 Javascript 双向交互框架 0回复

WebView与js交互总结 0回复

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