javascript alert,confirm,prompt弹框用法

最新推荐文章于 2024-06-10 16:45:00 发布

builderwfy

最新推荐文章于 2024-06-10 16:45:00 发布

阅读量6k

点赞数

分类专栏： javascript學習筆記

javascript學習筆記专栏收录该内容

38 篇文章 1 订阅

订阅专栏

1. alert是弹出警告框，在文本里面加入\n就可以换行。

2. confirm弹出确认框，会返回布尔值，通过这个值可以判断点击时确认还是取消。true表示点击了确认，false表示点击了取消。

3. prompt弹出输入框，点击确认返回输入框中的值，点击取消返回null。

下面是详细的例子：

[html] view plain copy 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>
<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" οnclick="show_alert()" >
<input id="confirm_button" type="button" value="confirm" οnclick="show_confirm()" >
<input id="prompt_button" type="button" value="prompt" οnclick="show_prompt()" >
</body>
</html>

builderwfy

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
javascript alert,confirm,prompt弹框用法

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

扫一扫

专栏目录