鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS webview组件支持网页的alert等方法怎么实现？

HarmonyOS

2024-12-27 15:04:53

浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

webview组件的alert方法实现及api详情请参考链接的实例：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-methods-alert-dialog-box-V5#示例1

请参考demo：

// 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
        })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.

//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>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

回复

2024-12-27 18:00:43

如何写精华回答，获更多曝光？

发布

相关问题

webview加载一个本地网页，网页中的alert方法不能弹窗。

1865浏览 • 1回复待解决

HarmonyOS Web组件无法弹出网页的alert弹框

1236浏览 • 1回复待解决

HarmonyOS WebView组件展示的网页如何支持暗黑模式

632浏览 • 1回复待解决

HarmonyOS webview组件，监听网页跳转地址方法是哪个？

730浏览 • 1回复待解决

鸿蒙webview中怎么注入JS方法让网页中的JS调用

9786浏览 • 1回复待解决

使用HarmonyOS组件webview加载网页的时候，js使用的select标签，webview容器支持修改样式以及选中状态吗？

698浏览 • 1回复待解决

如何在webview中使用H5中的alert

3280浏览 • 1回复待解决

HarmonyOS web组件alert不显示

1855浏览 • 1回复待解决

HarmonyOS 怎么实现webview暴露方法与H5交互

994浏览 • 1回复待解决

HarmonyOS Next版本的webview_flutter，js无法弹出alert和prompt，同时controller也无法拦截alert和prompt

670浏览 • 1回复待解决

HarmonyOS 怎么实现从别的 module 中调用 webview 的 bridge 的注册方法

739浏览 • 1回复待解决

HarmonyOS webview加载不出网页

950浏览 • 1回复待解决

HarmonyOS webview部分网页无法显示

1137浏览 • 1回复待解决

HarmonyOS 是否有官方封装好的alert弹窗组件

998浏览 • 1回复待解决

鸿蒙的webview怎么使用呢权限给了就是加载不了网页

15006浏览 • 3回复待解决

HarmonyOS ArkUI组件支持Webview的同层渲染

834浏览 • 1回复待解决

HarmonyOS webview加载网页如何实现加载进度百分比

834浏览 • 1回复待解决

WebView加载网页无法自适应

1278浏览 • 1回复待解决

HarmonyOS 使用webview打开包含视频的网页会白屏

1525浏览 • 1回复待解决

HarmonyOS 在Web组件的onPageEnd调用WebviewController的getTitle方法，返回的不是网页title

566浏览 • 1回复待解决

HarmonyOS webview 加载锚点跳转的网页打不开

1341浏览 • 1回复待解决

HarmonyOS WebView打开网页经常出现白屏

1177浏览 • 1回复待解决

HarmonyOS WebView组件是否支持离线包功能？

798浏览 • 1回复待解决

HarmonyOS webview_flutter_ohos加载网页白屏

1100浏览 • 1回复待解决

HarmonyOS 父组件怎么调用子组件的方法

1248浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

利用鸿蒙JavaUI 框架的 WebView 加载本地冰墩墩网页 0回复

Android app 支持鸿蒙服务\特性是怎么实现的？ 1回复

OpenHarmony/HarmonyOS判断当前设备是否支持该模块的方法 0回复

@RequestParam等参数绑定注解是怎么实现的？自定义参数绑定注解的妙用 0回复

HarmonyOS中实现页面跳转的方法汇总 3回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载