JavaScript常见三种消息框类型，小白必须要熟练掌握！

JavaScript作为浏览器一部分是世界上应用最广的客户端脚本语言，JavaScript脚本语言和HTML语言配合增加网站动态交互功能，JavaScript脚本语言具有简单易懂、简单、跨平台性等特点，受到了广大web前端开发者的亲睐，今天给大家盘点一下JavaScript常用的三种消息框。

1、警告框

警告框主要是由alert()方法实现，该方法只有一个参数，语法是alert("文本")，警告框只提供一个“确定”按钮让用户关闭，必须先关闭消息框然后才能继续操作，这种模式下对话框可以确保用户得到某些信息。代码实例如下：

<script type="text/javascript">

function show_alert()

{

alert("警告框文本内容!!")

}

</script>

<input type="button" onclick="show_alert()" value="点击显示警告框" />

2、确认框

确认框是由confirm()方法实现，语法confirm(文本内容)，用户点击确定按钮，则返回true。点击取消按钮，则返回false。用户需要点击“确定”或者“取消”按钮才能继续其他的操作，确认框的主要作用是使页面访问者验证或者接受某些信息。代码示例如下：

<script type="text/javascript">

function show_confirm()

{

var r=confirm("请点击按钮！");

if (r==true)

{

alert("你点了确定按钮！");

}

else

{

alert("您点了取消按钮！");

}

}

</script>

<input type="button" onclick="show_confirm()" value="展示一个confirm方法确认框"/>

3、提示框

提示框是由prompt()方法实现，语法是prompt("文本内容","默认值")，他的主要作用是提示用户继续输入某个值，然后才能点击确认和取消，如果点确定会出现用户的输入的值，如果点取消会是null。代码实例如下：

<script type="text/javascript">

function disp_prompt() { var name=prompt("请输入您的名字","张三") if (name!=null && name!="") { document.write("你好！" + name + " 欢迎访问我们网站！") } }</script><input type="button" onclick="disp_prompt()" value="显示提示框" />

关于“JavaScript常用的三种消息框”先聊到这。每天学习一个知识点，每日寄语”必须从过去的错误学习教训而非依赖过去的成功。”如转载请标注出处。