Ajax学习-JavaScript 消息框

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34414196

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/423864

本文介绍了JavaScript中常用的三种消息框：警告框、确认框和提示框，并提供了具体的代码示例，帮助开发者快速掌握这些基本交互元素。

JavaScript中可以创建三种消息框：警告框，确认框，提示框。

警告框：

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("I am an alert box!!")
}
</script>
</head>
<body>

</body>
</html><html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("I am an alert box!!")
}
</script>
</head>
<body>

</body>
</html>
带有折现的警告框：

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("Hello again! This is how we" + '\n' + "add line breaks to an alert box!")
}
</script>
</head>
<body>

</body>
</html>
确认框：

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("Press a button")
if (r==true)
    {
    document.write("You pressed OK!")
    }
else
    {
    document.write("You pressed Cancel!")
    }
}
</script>
</head>
<body>

</body>
</html>
提示框：

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("Please enter your name","Harry Potter")
if (name!=null && name!="")
    {
    document.write("Hello " + name + "! How are you today?")
    }
}
</script>
</head>
<body>

</body>
</html>

本文转自王祖康 51CTO博客，原文链接：http://blog.51cto.com/wzk89/389356，如需转载请自行联系原作者