最近,因为需要,开始了解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('告警信息如下: function 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>