javascript alert函数应用实例

2021/6/4 20:51:04

编程Tag： javascript var 实例 alert prompt number2 number1

本文主要是介绍javascript alert函数应用实例，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

文章目录

一、alert是什么？
二、应用实例
- 1.实例一
- 2.实例二
- 3.实例三

一、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>

结果如下图所示：