JavaScript基础

JavaScript概念:JavaScript面向对象事件驱动具有安全性的脚本语言，面向对象
   一. JavaScript特点：
       1.解释性语言，边运行边解释
       2.和HTML页面实现交互效果
       3.语法类似于Java
       4.一搬用于编写客户端脚本
    二.JavaScript组成：
       1.ECMAScript:脚本语言规范（标准）
       2.BOM   Browser Object Model浏览器对象模型
       3.DOM   Document Object Model文档对象模型


    三.JavaScript基础语法
       Web服务器:Tomcat7      Resin     将Web工程放入服务器中运行
       <script type="text/javascript">
           //js代码
       </script>

　四.string类型常用方法：
           属性：字符串对象.length返回字符串长度
           charAt(index)   返回在指定位置的字符
           indexOf(str，index)   查找某个指定的字符串在字符串中首次出现的位置
           substring(index1，index2)   返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符
           split(str)   将字符串分割为字符串数组
    五. 数组常用方法：
           属性：数组对象.length返回字符串长度
           join( )   把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔
           sort()   对数组排序
           push()   向数组末尾添加一个或更多元素，并返回新的长度

　六.函数和事件
       函数的含义：类似于Java中的方法，是完成特定任务的代码语句块
       parseInt ("字符串")
           将字符串转换为整型数字
           如: parseInt ("86")将字符串“86“转换为整型值86
       parseFloat("字符串")
           将字符串转换为浮点型数字
           如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
       isNaN()
           用于检查其参数是否是非数字

例题:检查输入的科目数和成绩是否符合规定,统计总成绩

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>上机4</title>
 6 </head>
 7 <body>
 8 <script type="text/javascript">
 9     do{
10         var subNum=prompt("请输入考试科目总量:");
11         if((isNaN(subNum))){
12             alert("输入的不是数字,请重新输入!");
13             continue;
14         }
15         if(subNum<=0){
16             alert("科目数量输入错误!");
17             continue;
18         }
19         var count=0;
20         for (var int = 0; int < subNum; int++) {
21             var res=prompt("请输入第"+(int+1)+"门科目成绩:");
22             if((isNaN(res))){
23                 alert("输入的不是数字,请重新输入!");
24                 int--;
25                 continue;
26             }
27             if(res<0||res>100){
28                 alert("成绩输入错误!");
29                 int--;
30                 continue;
31             }
32             var resNum=parseInt(res);
33             count+=resNum;
34         }
35         alert(subNum+"门科目的总成绩是:"+count);
36         break;
37     }while(true);
38 
39 </script>
40 </body>
41 </html>