JavaScript：弹框

最新推荐文章于 2023-09-12 17:00:45 发布

CocoaCarson

最新推荐文章于 2023-09-12 17:00:45 发布

阅读量131

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/zhxh1636/article/details/79333355

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

警告框

警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function showAlert() {
            alert("我是一个警告框！");
        }
    </script>
</head>
<body>
    <input type="button" value="警告框" onclick="showAlert()">
</body>
</html>

确认框

确认框通常用于验证是否接受用户操作。当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function showConfirm() {
            var result = confirm("我是一个确定框");
            // 点击确认返回true，点击取消返回false
            if (result == true) {
                document.getElementById("demo").innerHTML = "点击了确定";
            }
            else {
                document.getElementById("demo").innerHTML = "点击了取消";
            }
        }
    </script>
</head>
<body>
    <input type="button" value="确认框" onclick="showConfirm()">
</body>
</html>

提示框

提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function showPrompt() {
            var text = prompt("请输入名字", "Carson");
            if (text != null && text != "") {
                document.getElementById("demo").innerHTML = "输入了名字：" + text;
            }
        }
    </script>
</head>
<body>
    <input type="button" value="提示框" onclick="showPrompt()">
    <br>
    <p id="demo"></p>
</body>
</html>

弹框换行

弹窗使用\n来设置换行。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function showAlert() {
            alert("警告\n你的余额不足");
        }
    </script>
</head>
<body>
    <input type="button" value="弹框换行" onclick="showAlert()">
</body>
</html>

CocoaCarson

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript：弹框

警告框警告框经常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。&lt;!DOCTYPE html&gt;&lt;html lang="zh-cn"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;
复制链接

扫一扫

专栏目录