改变内容文字大小：

JavaScript 弹出框

JavaScript中有三种弹出框:警告(alert)、确认(confirm)以及提问(prompt)。

 

警告(alert)

在访问网站的时候，你遇到过这样的情况吗？“咚”的一声，一个小窗口出现在你面前，上面写着一段警示性的文字，或是其它的提示信息。如果你不点击确定，你就不能对网页做任何的操作。没错，这个“咚”的小窗口就是alert干的。

下面的代码是一段使用alert的实例。

<script type="text/JavaScript">
     alert("我是菜鸟我怕谁");
</script>

我的个人观点是尽量少使用alert，它很不友好。甚至可能让一些方可认为你的网站很危险。

看一个使用alert的实例

确认(confirm)

确认框用于让用户选择某一个问题是否符合实际情况。

“说！是还是不是？快回答！”

如果你想表达这样的意思，那么confirm再合适不过了。来看下面的代码：我们用confirm("你是菜鸟吗？")向访客提问，变量r则保存了访客的回应，它只可能有两种取值：true或false。没错，它是一个布尔值。confirm后面的语句则是我们对访客回答做出的不同回应。

<script type="text/JavaScript">
     var r=confirm("你是菜鸟吗");
     if (r==true)
     {
     document.write("彼此彼此");
     }
     else
     {
     document.write("佩服佩服");
     }
</script>

看一个使用confirm的实例

提问(prompt)

prompt和confirm类似，不过它允许访客随意输入回答。我们来修改一下之前switch的例子，我们根据分数来做出不同的评价，不过那段程序并不完整，它根本就没问我们分数，而是假设我得了65分。这太不公平了。现在我么就可以用prompt来向访客提问，用score存储用户输入的回答，其余的事情就都由后面的switch来完成了。

<script type="text/JavaScript">
 function judge() {
 var score;//分数
 var degree;//分数等级
 score = prompt("你的分数是多少？")
 if (score > 100){
 degree = '耍我？100分满！';
 }
 else{
 switch (parseInt(score / 10)) {
 case 0:
 case 1:
 case 2:
 case 3:
 case 4:
 case 5:
 degree = "恭喜你，又挂了！";
 break;
 case 6:
 degree = "勉强及格";
 break;
 case 7:
 degree = "凑合，凑合"
 break;
 case 8:
 degree = "8错，8错";
 break;
 case 9:
 case 10:
 degree = "高手高手，佩服佩服";
 }//end of switch
 }//end of else
 alert(degree);
 }
 </script>

看一个使用prompt的实例

  1. 上一节：JavaScript Switch语句
  2. JavaScript 弹出框
  3. 下一节：JavaScript 函数

菜鸟的JavaScript笔记目录

  1. JavaScript笔记第0节
  2. 将JavaScript 插入网页的方法
  3. 插入JavaScript的位置
  4. JavaScript 语句
  5. JavaScript 注释
  6. JavaScript 变量
  7. JavaScript操作符(1)——运算操作符
  8. JavaScript操作符(2)——比较操作符和逻辑操作符
  9. JavaScript if else语句（如果，否则）
  10. JavaScript Switch语句
  11. JavaScript 弹出框
  12. JavaScript 函数
  13. JavaScript For 循环
  14. JavaScript While循环
  15. JavaScript Break 与 Continue
  16. JavaScript For...In循环
  17. JavaScript事件
  18. JavaScript 调试
  19. JavaScript 特殊字符
  20. JavaScript 指导准则
  21. JavaScript 笔记小结

本节笔记参考：