JavaScript消息框

最新推荐文章于 2021-09-27 20:35:48 发布

pinkdown

最新推荐文章于 2021-09-27 20:35:48 发布

阅读量121

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_44764207/article/details/106950189

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Alert（警告）框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function myFunction(){
            alert("你好，我是一个警告框！");
        }
    </script>
</head>
<body>
    <input type="button" onclick="myFunction()" value="显示警告框">
</body>
</html>

带有换行的警告框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击按钮在弹窗中使用换行。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction(){
            alert("Hello\nHow are you?");
        }
    </script>
</body>
</html>

确认框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击按钮，显示确认框。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction(){
            var x;
            var r = confirm("按下按钮！");
            if(r == true){
                x = "你按下了\"确定\"按钮！";
            }else{
                x = "你按下了\"取消\"按钮！";
            }
            document.getElementById("demo").innerHTML = x;
        }
    </script>
</body>
</html>

提示框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>点击按钮查看输入的对话框。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
        function myFunction(){
            var x;
            var person = prompt("请输入你的名字","Harry Potter");
            if(person != null && person != ""){
                x = "你好" + person + "! 今天感觉如何？";
                document.getElementById("demo").innerHTML = x;
            }
        }
    </script>
</body>
</html>

pinkdown

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript消息框

Alert（警告）框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> functi
复制链接

扫一扫

专栏目录