HarmonyOS Web与JavaScript交互

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

HarmonyOS

aquaa

2024-12-25 14:57:58

浏览

回答 1

待解决

回答 1

按赞同

按时间

Excelsior_abit

目前没有可以直接把方法放到 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('