鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 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>

// 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('

回复

2024-12-25 17:50:06

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

发布

相关问题

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

600浏览 • 1回复待解决

HarmonyOS 系统与web交互

194浏览 • 1回复待解决

HarmonyOS Web js与原生交互

449浏览 • 1回复待解决

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

847浏览 • 1回复待解决

HarmonyOS web与H5交互

1123浏览 • 1回复待解决

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

329浏览 • 1回复待解决

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

1032浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

1317浏览 • 1回复待解决

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

504浏览 • 1回复待解决

HarmonyOS web组件停止JavaScript回调

210浏览 • 1回复待解决

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

670浏览 • 1回复待解决

HarmonyOS web交互示例

279浏览 • 1回复待解决

HarmonyOS WebView与js交互

373浏览 • 1回复待解决

HarmonyOS 原生与js交互

526浏览 • 1回复待解决

HarmonyOS webview加载与交互

294浏览 • 1回复待解决

HarmonyOS web端原生交互

305浏览 • 1回复待解决

HarmonyOS web和js交互

357浏览 • 1回复待解决

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

304浏览 • 1回复待解决

HarmonyOS RN如何与Native交互？

389浏览 • 1回复待解决

HarmonyOS web组件和js交互

416浏览 • 1回复待解决

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

561浏览 • 1回复待解决

HarmonyOS 与SIM交互相关接口

173浏览 • 1回复待解决

HarmonyOS webview与原生交互方法重名

146浏览 • 1回复待解决

与 JavaScript、TypeScript 的区别

393浏览 • 0回复待解决

HarmonyOS vue框架与ArkTS的交互

501浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

WebView与js交互总结 0回复

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

WebView与js交互总结 0回复

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