JavaScript Popup Boxes

最新推荐文章于 2021-01-19 11:42:37 发布

ColorPaper

最新推荐文章于 2021-01-19 11:42:37 发布

阅读量3.1k

点赞数

分类专栏： JavaScript 文章标签： javascript user button input up null

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

JavaScript has three kind of popup boxes: Alert box, Confirm box, and Prompt box.

Alert Box

An alert box is often used if you want to make sure information comes through to the user.

When an alert box pops up, the user will have to click "OK" to proceed.

Syntax

alert("sometext");

Example

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

<input type="button" οnclick="show_alert()" value="Show alert box" />

</body>
</html>

Try it yourself »

Confirm Box

A confirm box is often used if you want the user to verify or accept something.

When a confirm box pops up, the user will have to click either "OK" or "Cancel" to proceed.

If the user clicks "OK", the box returns true. If the user clicks "Cancel", the box returns false.

Syntax

confirm("sometext");

Example

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

<input type="button" οnclick="show_confirm()" value="Show confirm box" />

</body>
</html>

Try it yourself »

Prompt Box

A prompt box is often used if you want the user to input a value before entering a page.

When a prompt box pops up, the user will have to click either "OK" or "Cancel" to proceed after entering an input value.

If the user clicks "OK" the box returns the input value. If the user clicks "Cancel" the box returns null.

Syntax

prompt("sometext","defaultvalue");

Example

<html>
<head>
<script type="text/javascript">
function show_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>

<input type="button" οnclick="show_prompt()" value="Show prompt box" />

</body>
</html>

Try it yourself »

ColorPaper

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript Popup Boxes

JavaScript has three kind of popup boxes: Alert box, Confirm box, and Prompt box.Alert BoxAn alert box is often used if you want to make sur
复制链接

扫一扫

专栏目录