JavaScript 入门教程
JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。
W3CAPI
1
2020-06-18 07:05:48
JS 警告框 alert(), 提示框 prompt(), 确认框 confirm()
JavaScript 警告框 - 提示框 - 确认对话框
JavaScript警告框——对话框
Description
alert() 是一个用于向对话框（亦称警告框）显示消息的简单函数。以下示例演示了如何在警告框中显示文本。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>Javascript alert box example-1</title>
</head>
<body>
<h1 style="color: red">JavaScript alert() box example</h1>
<hr />
<script type="text/javascript">
alert("This is a alert box");
</script>
</body>
</html>
在警告框中显示变量。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript alert box example-2</title>
</head>
<body>
<h1 style="color: red">JavaScript alert() box example</h1>
<hr />
<script type="text/javascript">
mess1='Highest marks in Mathematics : ';
math=99;
alert(mess1+math);
</script>
</body>
</html>
JavaScript 提示框 - 对话框
Description
alert() 方法无法与用户进行交互。要与用户交互，我们使用 prompt() 方法，该方法会提示用户输入信息并将输入内容存储在变量中。
请参考下方网页文档。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript prompt() example-2</title>
</head>
<body>
<script type="text/javascript">
visiter_name = prompt("Input your name : ")
if(visiter_name != null && visiter_name != "")
alert("Your Name is : "+visiter_name);
else
alert("Blank name ...!")
</script>
</body>
</html>
JavaScript确认对话框
Description
confirm()显示带有"确定"和"取消"按钮的对话框，并以文本作为参数。当用户点击确定按钮时，confirm()返回true；点击取消按钮时则返回false。
请参考下方网页文档。
HTML代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>JavaScript confirm box example </title>
</head>
<body>
<h1 style="color: red">JavaScript confirm() box example</h1>
<hr />
<script type="text/javascript">
mess1='Press Ok to Continue.';
math=99;
x = confirm(mess1);
if (x == true)
{
alert("You have clicked on Ok Button.");
}
else
{
alert("You have clicked on Cancel Button."); }
</script>
</body>
</html>
支持的浏览器
| IE浏览器7 | 火狐3.6 | 谷歌Chrome 7 | Safari 5.0.1 版 | Opera 10 |
| Yes | Yes | Yes | Yes | Yes |
上一篇：JavaScript：颜色值
下一篇：读取和写入HTML文档
作者文档
相关提问
敬请期待
扫一扫关注官方微信公众号
豫ICP备18043494号-2 以API的视角诠释计算机技术