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

效果

代码

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>
相关推荐
中微子3 分钟前
JavaScript 防抖与节流:从原理到实践的完整指南
前端·javascript
天天向上102418 分钟前
Vue 配置打包后可编辑的变量
前端·javascript·vue.js
芬兰y34 分钟前
VUE 带有搜索功能的穿梭框(简单demo)
前端·javascript·vue.js
好果不榨汁41 分钟前
qiankun 路由选择不同模式如何书写不同的配置
前端·vue.js
小蜜蜂dry41 分钟前
Fetch 笔记
前端·javascript
拾光拾趣录42 分钟前
列表分页中的快速翻页竞态问题
前端·javascript
小old弟43 分钟前
vue3,你看setup设计详解,也是个人才
前端
Lefan1 小时前
一文了解什么是Dart
前端·flutter·dart
Patrick_Wilson1 小时前
青苔漫染待客迟
前端·设计模式·架构
vvilkim1 小时前
Nuxt.js 全面测试指南:从单元测试到E2E测试
开发语言·javascript·ecmascript