JS学习--常见弹出框

 小编最近做项目发现JS调试的时候出现很多的问题，在写JS的时候很多的基础知识都不是很清晰了，所以最近会总结一些JS常见的基础知识，算是对自己JS的一个回顾吧！今天我主要是总结了一下常见的弹出框-普通弹出框，确认框，提示框。

普通弹出框

[html]  view plain  copy

1. <span style="font-family:SimHei;font-size:18px;"><span style="font-family:SimHei;font-size:18px;"><input type="button" onclick="disp_alert()" value="普通弹出框" />  
2. <script type="text/javascript">  
3. function disp_alert()  
4. {  
5. alert("我是普通弹出框！！")  
6. }  
7. </script></span></span>  

确认框：

[html]  view plain  copy

1. <span style="font-family:SimHei;font-size:18px;"><span style="font-family:SimHei;font-size:18px;"><input type="button" onclick="show_confirm()" value="Show a confirm box" />  
2. <script type="text/javascript">  
3. function show_confirm()  
4. {  
5. var r=confirm("Press a button!");  
6. if (r==true)  
7.   {  
8.   alert("You pressed OK!");  
9.   }  
10. else  
11.   {  
12.   alert("You pressed Cancel!");  
13.   }  
14. }  
15. </script></span></span>  

提示框：

[html]  view plain  copy

1. <span style="font-family:SimHei;font-size:18px;"><span style="font-family:SimHei;font-size:18px;"><input type="button" onclick="disp_prompt()" value="显示提示框" />  
2. function disp_prompt()  
3.   {  
4.   var name=prompt("请输入您的名字","Bill Gates")  
5.   if (name!=null && name!="")  
6.     {  
7.     document.write("你好！" + name + " 今天过得怎么样？")  
8.     }  
9.   }</span></span>  

                                                                                                      

总结：

     弹出框很简单，也很常用，换句话就是很接地气。往往就是这些接地气的知识点儿我们总是丢掉，总结基础知识是很必要的之前就是因为缺少这些基础知识的总结，我的学习很不扎实，今后还是多对知识总结一下吧！