HTML5代码中提示信息样式区别

最新推荐文章于 2022-10-17 20:21:26 发布

冇一只猫

最新推荐文章于 2022-10-17 20:21:26 发布

阅读量584

点赞数

分类专栏： HTML5开发文章标签： html5 前端

本文链接：https://blog.csdn.net/qq_27717403/article/details/119818019

版权

HTML5开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了HTML5中两种常见的提示信息样式：弹窗型和悬浮型。弹窗型通常用于需要用户确认的重要信息，而悬浮型则适用于快速通知，会在屏幕底部短暂显示后自动消失。通过`alert()`和`mui.toast()`函数可以实现这两种提示。在实际应用中，悬浮提示的执行优先级低于弹窗提示。

摘要由CSDN通过智能技术生成

HTML5代码中提示信息样式区别

两种提示的区别：
弹窗型：在屏幕中央弹出提示框，需要点击确认才能关闭，一般用于需要经过用户确认的提示信息
悬浮型：在屏幕底部区域弹出一个小型提示框，大约3秒自动消失，一般用于无需用户确认的提示信息


## 弹窗型提示，最简单写法：显示文字

代码这么写：alert('我是提示');
那么执行效果就是：我是提示




弹窗型提示，进阶写法：文字 + 变量数据
先假设一个变量：deviceImei = 1234567890

代码这么写：alert('我是提示：'+ deviceImei);
那么执行效果就是：我是提示：1234567890





## 悬浮型提示：显示文字

屏幕底部悬浮窗（最简单的弹出文本）：mui.toast('在这里写文字');
弹出文本+指定数据：mui.toast('在这里写文字'+ 要显示的字段代码);