JavaScript中的EcMAScript学习笔记

一、Javascript概述(知道)
    a.一种基于对象和事件驱动的脚本语言
    b.作用: 给页面添加动态效果
    c.历史: 原名叫做livescript.W3c组织开发的标准叫ECMAscipt.
    d.特点:
          1). 弱势语言
          2). 由浏览器直接解析执行。(函数不能直接执行)
          3). 是一个解释性语言
          4). 交互性(它可以做的就是信息的动态交互)
          5). 安全性(不允许直接访问本地硬盘)
          6). 跨平台性(只要是可以解释Js的浏览器都可以执行,和平台无关
    e . javascript和java的一些区别:
          1). javascript是一个解释性语言,java是编译解释性语言
          2). javascript是一个弱势语言,Java是一个强势语言
          3). 在页面上引入的方式不同javascript代表用<script>引入,Java代码<%>
          4). JS是基于对象,Java是面向对象。

二、JavaScript语言组成(了解)
     EcMAScript  + BOM + DOM
        ECMAScript: 规定了一些语法,变量,for循环等等结构
        BOM: Browser  object  Model 浏览器对象模型
        DOM: Document  object  Model 文档对象模型
        
三、JavaScript与Html的结合方式(掌握)
    Javascript与HTML的结合方式有三种:
        1.采用事件来调用,代码写在字符串中
            <button onclick = "alert('大家好')">点击</button>
        2.采用定义函数的方式: 用function来定义函数
            function fun(){ alert('你好')} ;
        3.采用外部js文件.
            利用<script src = "a.js"></script>引入

四、JavaScript基本语法(掌握)

    * 定义变量:采用var关键字来定义.定义的变量的类型是由给定的值来决定的。
    * 数据类型: Undifined,表示未定义类型。
            Number类型。代表了一切数字类型
            String类型。字符串类型
            Boolean类型。布尔类型
            Function类型。函数类型
            Null类型。      
            object :对象类型.

    * 判断变量的类型 :
            1. 采用typeof函数判断 :typeof(a) == "string"  (比较的是值)        返回值是类型的toString():也就是将类型变小写
            2. 采用instanceof运算符: a instanceof String
            instanceof判断的是变量是不是由类型new出来的

    * 三大结构
        a.顺序结构
        b.选择结构
        c.循环结构 for,while,do...while

    * 运算符
        1.一元运算符 +(正号) -  ++ --
        2.二元运算符 +(加法) - * / %
        3.三元运算符 ? :
        4.等号  == 判断的是内容,
            === 全等于 ,判断类型和内容

    * 类型的转换
        1. Number转String : 3 + ""
        2. Number转Boolean :在javascript中,非0为真,0为假。如果变量为null或者undefined,也为假.
        3. String转Number:
                a. parseInt,parseFloat
                b. 乘以1即可

五、JavaScript 函数的定义(掌握)
    * 函数的定义有三种方式:
        1.采用function关键字来定义
              function fun(){
            alert("你好") ;
             }
        2.采用匿名的方式来定义
         var a = function(){
            alert("我是函数哦") ;
             }
        3.采用new Function()的方式(了解,不推荐)
         var b = new Function("a","b","c","alert(a + b+c);") ;

    * 函数的调用:
        1.函数调用的时候参数可以传递多个,可以和函数定义的形参个数不符合
        2.如果函数重名了,那么调用的时候一定是调用最后一个,与参数无关。
    ***** 推荐: 定义函数的不要重名。

                
六、JavaScript 全局函数(掌握)
    全局函数:
        1.isNaN (掌握):用来判断变量是否是数字类型的字符串
    var age = document.getElementById("age").value ; alert(isNaN(age)) ;其中age是获取标签
            NaN: not a Number ,不是一个数字
                if(isNaN(age)){
                    alert("年龄必须是数字") ;
                    }else{
                    alert("填写符合要求") ;
                    }
        2.parseInt,parseFloat
        //字符串转换为number

        3.eval(掌握): 把字符串转换成数字,2.将json格式的字符串转换为json格式.
        
        
七、JavaScript常用对象介绍(掌握)
    * Array对象 数组对象,进行数组操作,数组默认的值是undefined
        定义方式
            1.采用new的方式
                var arr = new Array() ;  //定义一个数组,长度默认是0
            2.采用中括号[]来定义
          var arr1 = new Array(5) ; //定义一个数组,初始长度是5
         var arr2 = new Array(5,4,6) ; //定义一个数组,初始花数据是5,4,6

                数组的长度可以随时改变
                
        特点:
            1.javascript中数组的大小可以随时改变
            2.javascript中数组的下标可以是任意对象。
                如:alert(arr["中国"][1]) ;

        方法:
            1.join() : 把数组的所有元素放入一个字符串. 默认用逗号连接
                 arr.join("-") ;  //将数组元素组合成字符串,用中划线隔开
            2.push() : 向数组的末尾添加一个元素
            3.reverse() :反转
            4.shift() : 删除并返回数组的第一个元素

            
    * String对象 ----- 字符串类型的引用类型
        innerHTML:是开始标签和结束标签之间的HTML代码
        innerText:是开始标签和结束标签之间的文本
        String对象:
            方式:    substr: 截取字符串 两个参数第一个是下标,第二个是长度
                substring: 截取字符串 两个参数第一个是下标,第二个是下标
                toUppercase:把字符串转换为大写。
                toLowercase:把字符串转换为小写。
                indexOf:indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。
                charAt() :返回在指定位置的字符。
                replace():替换与正则表达式匹配的子串。
                big方法返回值是此字符串变大


    * Number对象 ---- 数字原始类型引用类型
            Num对象:
                1. random() : 获得随机数[0,1)
                2. ceil() : 返回大于等于次数的最小整数
                3. floor() : 返回小于等于次数的最大整数
                4. round(): 返回四舍五入后的整数


    * Boolean对象 ---- 布尔原始类型引用类型
    * Math对象 执行数学任务
    * Date对象 用于处理日期和时间
        Date对象: 代表一个时间
document.write(d.toLocaleString());  //输出这样的格式:2015年4月28日19:43:08
                方法: getXXX() : 拿到年月日   //getYear()拿到年


      * 消息框:alert() ;
               2.确认框:confirm();
               3.输入框: prompt():
    


posted @ 2015-04-29 08:42  阳阳(ysq)  阅读(304)  评论(0编辑  收藏  举报