alert在webview组件中被屏蔽了,可以使用弹窗实现,可参考以下代码实现:// xxx.ets 应用侧代码 import web_webview from '@ohos.web.webview' @Entry @Component struct WebComponent { controller: web_webview.WebviewController = new web_webview.WebviewController() build() { Column() { Web({ src: $rawfile("index.html"), controller: this.controller }) .onAlert((event) => { if (event) { console.log("event.url:" + event.url) console.log("event.message:" + event.message) AlertDialog.show({ title: 'onAlert', message: 'text', primaryButton: { value: 'cancel', action: () => { event.result.handleCancel() } }, secondaryButton: { value: 'ok', action: () => { event.result.handleConfirm() } }, cancel: () => { event.result.handleCancel() } }) } return true }) } } } //html代码 <!--index.html--> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"> </head> <body> <h1>WebView onAlert Demo</h1> <button onclick="myFunction()">Click here</button> <script> function myFunction() { alert("Hello World"); } </script> </body> </html>
alert在webview组件中被屏蔽了,可以使用弹窗实现,可参考以下代码实现: