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>

 

上一篇:86. 分隔链表


下一篇:JavaScript基础