本篇内容主要讲解“javascript有哪些对话框”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“javascript有哪些对话框”吧!
javascript有3个对话框：1、警告框，用于向用户显示警告消息，语法“alert("警告消息");”；2、确认框，语法“confirm("需要确认的信息");”；3、提示框，语法“prompt("提示信息","默认文本");”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript使用3种对话框：警告框，确认框和提示框；分别对应三个函数：alert()、confirm()、prompt()。这些对话框对于使我们的网站看起来更具吸引力非常有帮助。
警告框：alert()
网站中的警告框用于向用户显示警告消息，说明他们输入了错误的值，不是填写该位置所需的值。尽管如此，警报框仍然可以用于更友好的消息。警报框只提供一个按钮“确定”来选择并继续。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function Warning() {
alert("警告，危险！");
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Warning();" />
</form>
</body>
</html>效果图：
确认框：confirm()
如果您希望用户验证或接受某些内容，通常使用一个确认框。当确认框弹出时，用户必须单击“确定”或“取消”才能继续。如果用户单击“确定”按钮，window方法confirm()将返回true。如果用户单击“取消”按钮，则confirm()返回false并显示null。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body,input,p{
font-size: 25px;
}
</style>
<script type="text/javascript">
function Confirmation(){
var Val = confirm("你想继续吗?");
if( Val == true ){
document.write ("继续!");
return true;
}
else{
document.write ("不继续!");
return false;
}
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Confirmation();" />
</form>
</body>
</html>效果图：
提示框：prompt()
如果希望用户在输入页面之前输入一个值，通常会使用一个提示框。当弹出提示框时，用户必须单击“确定”或“取消”才能继续输入值。如果用户单击“确定”按钮，window方法prompt()将从文本框返回输入的值。如果用户单击“取消”按钮，window方法prompt()将返回null。
例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body,input,p{
font-size: 25px;
}
</style>
<script type="text/javascript">
function Value(){
var Val = prompt("输入你的姓名：", "name");
document.write("你输入的是： " + Val);
}
</script>
</head>
<body>
<p>点击按钮</p>
<form>
<input type="button" value="点击这里" onclick="Value();" />
</form>
</body>
</html>效果图：
到此，相信大家对“javascript有哪些对话框”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
