鸿蒙开发者社区

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

HarmonyOS web组件alert不显示

HarmonyOS web组件alert不显示。

HarmonyOS

2024-09-04 11:21:43

浏览

赞

收藏 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>

回复

2024-09-04 17:44:13

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

发布

相关问题

HarmonyOS Web组件不显示图片

937浏览 • 1回复待解决

HarmonyOS Web组件加载片段时候不显示

1018浏览 • 1回复待解决

HarmonyOS web系统组件写css不显示

1142浏览 • 1回复待解决

HarmonyOS web加载页面图片不显示

2056浏览 • 1回复待解决

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

1572浏览 • 1回复待解决

HarmonyOS Web通过loadData加载html不显示内容

1224浏览 • 1回复待解决

HarmonyOS Web组件加载的链接为https 内部有http的图片不显示

1164浏览 • 1回复待解决

HarmonyOS Image组件网络图片不显示

1800浏览 • 1回复待解决

HarmonyOS CustomDialogController 不显示

1612浏览 • 1回复待解决

image组件，files目录的文件不显示

2681浏览 • 1回复待解决

HarmonyOS Web组件部分H5页面加载不显示，或显示一部分

1443浏览 • 1回复待解决

HarmonyOS web界面怎么打印console和展示alert代码

1496浏览 • 1回复待解决

弹窗库XPopup组件，不显示字体确定。

8060浏览 • 4回复已解决

打包模式不同导致部分web页面不显示定位定界指导

1315浏览 • 1回复待解决

HarmonyOS toast不显示问题

1050浏览 • 1回复待解决

HarmonyOS webloadData不显示内容

852浏览 • 1回复待解决

HarmonyOS Image组件不显示下载到本地的图片

2982浏览 • 1回复待解决

打包模式不同导致部分web页面不显示定位定界指导？

924浏览 • 0回复待解决

HarmonyOS 应用图标不显示

1408浏览 • 1回复待解决

HarmonyOS Dialog弹窗在非UI组件代码中不显示

943浏览 • 1回复待解决

HarmonyOS push通知不显示图片

869浏览 • 1回复待解决

HarmonyOS Web组件加载URL显示空白

1036浏览 • 1回复待解决

HarmonyOS 应用使用iconfont不显示

1015浏览 • 1回复待解决

HarmonyOS RelativeContainer内的控件不显示

817浏览 • 1回复待解决

HarmonyOS 输入框不显示内容

1554浏览 • 2回复待解决

提问

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

相关讨论帖

dayu200设备video组件播放黑屏，web组件本地资源和网络资源都不显示。 0回复

WebView加载html图片不显示问题 1回复

dayu200设备不显示rawfile下文件 0回复

负一屏不显示12306已购买的火车票信息 0回复

HarmonyOS—使用Web组件加载页面 0回复

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