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

最新推荐文章于 2024-05-16 14:28:06 发布

李洋-蛟龙腾飞公司

最新推荐文章于 2024-05-16 14:28:06 发布

阅读量290

点赞数 3

分类专栏： HarmonyOS/OpenHarmony开发学习分享文章标签：前端

本文链接：https://blog.csdn.net/weixin_69135651/article/details/138718114

版权

HarmonyOS/OpenHarmony开发学习分享专栏收录该内容

452 篇文章 22 订阅

订阅专栏

应用侧可以通过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。

李洋-蛟龙腾飞公司

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数

在下面的示例中，点击应用侧的“runJavaScript”按钮时，来触发前端页面的htmlTest()方法。应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。
复制链接

扫一扫