应用侧调用前端页面函数
应用侧可以通过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() { Button('runJavaScript') .onClick(() => { this.webviewController.runJavaScript('htmlTest()'); }) Web({ src: $rawfile('index.html'), controller: this.webviewController}) } } }
相关实例
针对Web组件开发,有以下相关实例可供参考: