最近,因为需要,开始了解javascript,这个对我来说是个新的东西,在分析现有程序的功能的时候,需要增加一些提示信息来帮助了解程序的处理流程。于是在网上了解了一下提示信息的使用和区别。在此整理一下,以便后续使用。
以下是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript中的三种提示信息的使用</title>
</head>
<body>
javascript中的三种提示信息的使用。请点击以下按钮来验证效果。
<br>
<input id="alertButton" type="button" value="弹出告警信息" onclick="showAlert()" >
<input id="confirmButton" type="button" value="弹出确认信息" onclick="showConfirm()" >
<input id="promptButton" type="button" value="弹出提示信息" onclick="showPrompt()" >
</body>
</html> <script type="text/javascript">
function showAlert(){
alert('告警信息如下:\nfunction showAlert()');
} function showConfirm(){
var result = confirm('请选择是或者否');
if(result){
alert('你选择了是!');
}else{
alert('你选择了否!');
}
} function showPrompt(){
var value = prompt('请输入你的爱好', 'coding?');
if(value == null){
alert('你不打算输入爱好了(~_~)!');
}else if(value == ''){
alert('你没有输入任何信息,请重新输入!');
show_prompt();
}else{
alert('太棒了!你的爱好是:'+value);
}
}
</script>