應(yīng)用側(cè)調(diào)用前端頁面函數(shù)

2024-02-16 13:39 更新

應(yīng)用側(cè)可以通過runJavaScript()方法調(diào)用前端頁面的JavaScript相關(guān)函數(shù)。

在下面的示例中，點(diǎn)擊應(yīng)用側(cè)的“runJavaScript”按鈕時(shí)，來觸發(fā)前端頁面的htmlTest()方法。

  • 前端頁面代碼。
    1. <!-- index.html -->
    2. <!DOCTYPE html>
    3. <html>
    4. <body>
    5. <script>
    6.     function htmlTest() {
    7.         console.info('JavaScript Hello World! ');
    8.     }
    9. </script>
    10. </body>
    11. </html>
  • 應(yīng)用側(cè)代碼。
    1. // xxx.ets
    2. import web_webview from '@ohos.web.webview';
    3. 

    4. @Entry
    5. @Component
    6. struct WebComponent {
    7.   webviewController: web_webview.WebviewController = new web_webview.WebviewController();
    8. 

    9.   build() {
    10.     Column() {
    11.       Web({ src: $rawfile('index.html'), controller: this.webviewController})
    12.       Button('runJavaScript')
    13.         .onClick(() => {
    14.            this.webviewController.runJavaScript('htmlTest()');
    15.         })
    16.     }
    17.   }
    18. }
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)