javascript alert函数应用实例
作者:互联网
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
一、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>
结果如下图所示:
标签:prompt,javascript,alert,实例,number2,number1,var 来源: https://blog.csdn.net/qq_46578318/article/details/117572299