前端:实现确认取消提示框

效果

代码

html 复制代码
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>提示框</title>
    </head>

    <body>
        <button onclick="tips()">点我显示提示框</button>
        <script>
        function tips() {
            var confirmation = confirm('这是一个提示信息?'); // 显示提示内容
            if (confirmation) {
                alert('点击了确定')
            } else {
                alert('点击了取消')
            }
        }
    </script>
    </body>

</html>
相关推荐
有味道的男人14 分钟前
如何使用招标网API获取项目详情?
java·服务器·前端
qq_4061761415 分钟前
深入剖析JS中的XSS与CSRF漏洞:原理、攻击与防御全指南
服务器·开发语言·前端·javascript
RFCEO16 分钟前
HTML编程 课程六、:HTML5 新增多媒体标签
前端·html·html5·多媒体标签·嵌入音频、视频、动画
yanyu-yaya24 分钟前
速学兼复习之vue3章节4
前端·vue.js·前端框架
Mr-Wanter27 分钟前
vue 数据反显时数字/字母不换行导致的样式问题
前端·javascript·vue.js
梁萌35 分钟前
vue项目从npm升级为pnpm
前端·npm·node.js
修己xj36 分钟前
CSS魔法:对话生成器与奔驰骏马的创意实现
前端·css
琹箐1 小时前
Cursor 无法使用prettier格式化
前端
觉醒大王1 小时前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
广州华水科技1 小时前
单北斗GNSS变形监测系统在水库安全监测中的应用与发展
前端