您的位置：首页 > Web前端 > JavaScript

javascript alert,confirm,prompt弹框用法

2015-10-27 14:17 615 查看

1. alert是弹出警告框，在文本里面加入\n就可以换行。
2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。
3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null。
下面是详细的例子：

[html]
view plaincopy print ?

<html>

<head>

<script
type="text/javascript">

function show_alert(){
alert('第一行\n第二行');
}

function show_confirm(){
var result =
confirm('是否删除！');
if(result){
alert('删除成功！');
}else{
alert('不删除！');
}
}

function show_prompt(){
var value = prompt('输入你的名字：', '默认名字');

if(value == null){

alert('你取消了输入！');
}else if(value == ''){

alert('姓名输入为空，请重新输入！');
show_prompt();
}else{
alert('你好，'+value);
}
}
</script>

</head>

<body>

<input
id="alert_button"
type="button"
value="alert"
onclick="show_alert()"
>
<input
id="confirm_button"
type="button"
value="confirm"
onclick="show_confirm()"
>
<input
id="prompt_button"
type="button"
value="prompt"
onclick="show_prompt()"
>
</body>

</html>

[html]
view plaincopy print ?

<html>

<head>

<script
type="text/javascript">

function show_alert(){
alert('第一行\n第二行');
}

function show_confirm(){
var result =
confirm('是否删除！');
if(result){
alert('删除成功！');
}else{
alert('不删除！');
}
}

function show_prompt(){
var value = prompt('输入你的名字：', '默认名字');

if(value == null){

alert('你取消了输入！');
}else if(value == ''){

alert('姓名输入为空，请重新输入！');
show_prompt();
}else{
alert('你好，'+value);
}
}
</script>

</head>

<body>

<input
id="alert_button"
type="button"
value="alert"
onclick="show_alert()"
>
<input
id="confirm_button"
type="button"
value="confirm"
onclick="show_confirm()"
>
<input
id="prompt_button"
type="button"
value="prompt"
onclick="show_prompt()"
>
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航