javascript alert函数应用实例

最新推荐文章于 2024-04-25 11:03:58 发布

_远方_

最新推荐文章于 2024-04-25 11:03:58 发布

阅读量1.6k

点赞数 2

本文链接：https://blog.youkuaiyun.com/qq_46578318/article/details/117572299

版权

本文介绍了JavaScript中的alert方法，展示了如何通过该方法创建警告框与用户进行交互。文中给出了三个实例，包括判断输入数值范围、找出最大数以及交换变量值的应用，帮助读者更好地理解和运用alert方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

一、alert是什么？

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。如下图所示：

二、应用实例

1.实例一

要求用户输入一个整数，判断这个数是否在100~200之间的数。代码如下：

<!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>
    <script>
        var num=Number(prompt("请输入一个整数："));
        if(num>=100 && num<=200){
            alert(num+"在100~200间")
        }
        else{
            alert(num+"不在100~200间")
        }
    </script>
</body>
</html>

结果如下图所示：

2.实例二

要求用户输入两个整数，找出最大的那个数之后输出。代码如下：

<!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>
    <script>
        var number1=Number(prompt("请输入第一个数："));
        var number2=Number(prompt("请输入第二个数："));
        if (number1>=number2){
            var max=number1;
        }
        else {
            var max=number2
        }
        alert("最大的数字为："+max);
    </script>
</body>
</html>

结果如下图所示：

3.实例三

有两个变量，要求交换两个变量中保存的数据。交换前：a = 10, b = 5 交换后:a = 5, b = 10。代码如下：

<!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>
    <script>
        var number1=Number(prompt("请输入第一个数字："));
        var number2=Number(prompt("请输入第二个数字："));
        alert("初始数据a为："+number1+",b为："+number2);
        var temp=number1;
        number1=number2;
        number2=temp;
        alert("转换后，a为："+number1+",b为："+number2);
    </script>
</body>
</html>

结果如下图所示：