[文章]鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数

阅读量0
0
0

应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。

在下面的示例中,点击应用侧的“runJavaScript”按钮时,来触发前端页面的htmlTest()方法。

前端页面代码

<!-- index.html -->

<!DOCTYPE html>

<html>

<body>

<script>

    function htmlTest() {

        console.info('JavaScript Hello World! ');

    }

</script>

</body>

</html>

应用侧代码。

// xxx.ets

import web_webview from '@ohos.web.webview';

 

@Entry

@Component

struct WebComponent {

  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

 

  build() {

    Column() {

      Web({ src: $rawfile('index.html'), controller: this.webviewController})

      Button('runJavaScript')

        .onClick(() => {

           this.webviewController.runJavaScript('htmlTest()');

        })

    }

  }

}

本文参考引用HarmonyOS官方开发文档,基于API9。

回帖

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容图片侵权或者其他问题,请联系本站作侵删。 侵权投诉
链接复制成功,分享给好友