鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS H5页面使用alert函数不生效

如果使用函数alert(“dddddd”)，此时提示框不显示问题

HarmonyOS

2025-01-09 17:48:32

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

alert方法在HarmonyOS的webview中被屏蔽掉了，如果要使用弹窗功能可以使用下列代码替换

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>

回复

2025-01-09 20:18:45

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

发布

相关问题

HarmonyOS h5页面缩放问题

2496浏览 • 2回复待解决

HarmonyOS webview H5页面事件监听

1899浏览 • 1回复待解决

HarmonyOS H5页面localstorage为null

1271浏览 • 1回复待解决

自定义弹窗内加载h5页面，h5页面再跳转登陆页面，弹窗覆盖在登陆页面

1521浏览 • 1回复待解决

HarmonyOS 使用web组件加载h5页面，报错17100001

1394浏览 • 1回复待解决

HarmonyOS H5页面加载缓存机制

1775浏览 • 1回复待解决

HarmonyOS Web组件加载在线H5页面

1349浏览 • 1回复待解决

如何在HarmonyOS中调试h5页面

2160浏览 • 1回复待解决

HarmonyOS 通过webview改变H5页面字体

1338浏览 • 1回复待解决

HarmonyOS H5页面无法自适应展示，类似浏览器展示H5页面

1580浏览 • 1回复待解决

HarmonyOS H5页面保存图片到本地相册

1082浏览 • 1回复待解决

如何使H5页面适配多设备？

2085浏览 • 1回复待解决

HarmonyOS 如何在h5页面直接拉起系统相册？

1250浏览 • 1回复待解决

HarmonyOS 通过h5页面拉起应用或者应用市场

1123浏览 • 1回复待解决

HarmonyOS 在h5页面怎样判断当前环境？

1186浏览 • 1回复待解决

HarmonyOS webview访问h5页面，底部出现遮盖

1024浏览 • 1回复待解决

HarmonyOS h5页面是否可以适配Harmony OS

1631浏览 • 1回复待解决

h5页面怎么判断是否安装了某个应用？

2168浏览 • 1回复待解决

HarmonyOS Web组件加载H5页面获取网络状态失败

984浏览 • 1回复待解决

HarmonyOS web组件加载的h5页面中判断机型

1003浏览 • 1回复待解决

HarmonyOS ArkWeb 嵌入H5页面，原有的功能未能实现

896浏览 • 1回复待解决

HarmonyOS WebView无法加载h5页面中的图片

945浏览 • 1回复待解决

HarmonyOS 外部H5页面，拉起手机银行app

1131浏览 • 1回复待解决

HarmonyOS 网点H5有定位，APP内WEBVIEW加载此H5页面，没弹定位权限。

1057浏览 • 1回复待解决

HarmonyOS h5和原生的交互，h5页面跳转很多层，是否支持拦截H5返回手势

1299浏览 • 1回复待解决

提问

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

相关讨论帖

HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复

H5页面调起第三方App 0回复

<HarmonyOS TechTalk 22> H5页面性能优化实践 #鸿蒙课程##鸿蒙生态# 0回复

华为H5预加载组件：让移动端H5页面加载更流畅的“隐形加速器” 0回复

基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例 0回复

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