JavaScript学习

一、js的简介
    1、js是什么
        js是可以嵌入到html中，是 基于对象 和 事件驱动 的 脚本语言
        特点：
            (1)交互性
            (2)安全性：js不能访问本地磁盘
            (3)跨平台：浏览器中都具备js解析器
    2、js能做什么
        (1)js能动态的修改(增删)html和css的代码
        (2)能动态的校验数据
    3、js历史及组成
        ECMAScript    BOM(浏览器对象模型)  DOM(文档对象模型)    
    4、js被引入的方式
        (1)内嵌脚本
            <input type="button" value="button" οnclick="alert('xxx')" />            
        (2)内部脚本
            <script type="text/javascript">
                alert("xxx");
            </script>
        (3)外部脚本
            首先先创建一个js文件
            其次在html中引入
                <script type="text/javascript" src="demo1.js"></script>
        js代码放在哪？
            放在哪都行 但是在不影响html功能的前提下 越晚加载越好

二、js基本语法
    1、变量
        (1)
        var x = 5;
        x = 'javascript';
        var y = "hello";
        var b = true;
        (2)
        x = 5;
    2、原始数据类型
        (1)number:数字类型
        (2)string：字符串类型
        (3)boolean:布尔类型
        (4)null:空类型
        (5)underfind:未定义
        注意：number、boolean、string是伪对象
        类型转换：
            number\boolean转成string
                toString();
            string\boolean转成number
                parseInt()
                parseFloat()
                boolean不能转
                string可以将数字字符串转换成number 如果“123a3sd5” 转成123
            强制转换
                Boolean()     强转成布尔
                    数字强转成布尔  非零就是true   零就是false
                    字符串强转成布尔  非“”(空字符串)就是true   空字符串“”就是false
                Number()    强转成数字
                    布尔转数字 true转成1  false转成0
                    字符串转数字 不能强转
    3、引用数据类型
        java:    Object obj = new Object();
        js:        var obj = new Object();
                var num = new Number();    
    4、运算符
        (1)赋值运算符
            var x = 5;
        (2)算数运算符
            + - * / %
            +: 遇到字符串变成连接
            -：先把字符串转成数字然后进行运算
            *: 先把字符串转成数字然后进行运算
            /: 先把字符串转成数字然后进行运算
        (3)逻辑运算符
            &&    ||
        (4)比较运算符
            <    >    >=    <=    !=    ==
            ===:全等：类型与值都要相等
        (5)三元运算符
            3<2?"大于":"小于"
        (6)void运算符
            <a href="javascript:void(0);">xxxxxx</a>
        (7)类型运算符
            typeof:判断数据类型 返回我的数据类型
            instanceof：判断数据类型 是否是某种类型
            var obj = new Object();
            alert(typeof obj);//object
            alert(obj instanceof Object);//true
    5、逻辑语句
        (1)if-else
            //条件:
            //数字非0 字符串非空====true
                if(9){
                    alert("true--");
                }else{
                    alert("false--");
                }
        (2)switch
            var x = "java";
            switch(x){
                case "css":
                    alert("css");
                    break;
                case "js":
                    alert("js");
                    break;
                case "java":
                    alert("java");
                    break;
                default:
                    alert("def");
            }
        (3)for
             for(var i = 0;i<5;i++){
                alert(i);
             }
        (4)for in
            var arr = [1,3,5,7,"js"];
             for(index in arr){//index代表角标
                //alert(index);
                alert(arr[index]);
             }