JAVAEE----JavaScript知识点总结

JavaScript

1、javascript简介
    * javascript是一个基于对象和事件驱动的语言，应用与客户端。

    ** 基于对象：
        - java是面向对象语言
        - js里面提供了很多对象，直接使用
    ** 事件驱动：
        - 鼠标滑动，每次滑动都会变换一张图片

    ** 客户端
        - 浏览器
    
    ** html实现静态的页面效果，js实现一些动态的效果

    * 特点
        ** 交互性：
        ** 安全性：js不可以直接访问本地硬盘
        ** 跨平台性：只要可以解析js的浏览器都可以运行
    
    * javascript和java区别（雷锋和雷峰塔）        
        - java是sun公司，现在是oracle公司；javascript是Netscape公司
        - java是面向对象，js是基于对象
        - javascript是若类型语言，java是强类型语言
            * 在java里面,int i = 1;  int m = "1";
            * js里面定义  var n = 1; var m = "12"; var flag = true;
        - java跨平台基于jvm，js跨平台基于浏览器
    
    * javascript组成：
        1、ECMAScript（js的一些语法）
            * ECMA:组织，欧洲计算机协会
            * 语句，语法。。。
        2、BOM：browser object model
            * 浏览器对象模型
        3、DOM：document object model
            * 文档对象模型

2、js与html结合方式 （两种）
    1、 通过html标签
    * <script type="text/javascript">
        js代码
    </script>

    2、使用外部引入js文件方式
        * 创建js文件
        * <script type="text/javascript" src="js路径地址"></script>
        * 当使用了外部引入方式，引入js之后，在script标签里面不能写js代码
        * <script type="text/javascript" src="1.js"/>
    * 使用 alert("要显示的内容");
    
3、js的原始数据类型和变量声明
    * js的注释
        - 单行注释 //
        - 多行注释 /* */
    * 原始数据类型
        * Boolean：布尔类型 true false
            - var flag = true;

        * Number ：数字类型
            - var m = 1;

        * String：字符串
            - var str = "abc";


        * Undefined：
            - 表示变量声明，但是没有赋值
            - var aa;
        * Null:
            - 表示引用类型为空
            var date = null;
            - 所有引用类型都是object

    * 声明变量
        - 任何的数据类型都是使用关键字 var

        - typeof(变量名称):查看变量的类型
        
4、js的语句
    * java里面语句
        - 循环 for  while  do-while
        - if() { } else {}
        - switch() String类型在jdk1.7开始支持
    * js里面的语句
        - if else
            * if(i == 3) {
            
            } else {}
        - 循环语句 for  while  do-while
            * document.write(""); 在页面上显示内容
            ** write("<br/>")：可以写变量，写html代码
        - switch语句:(条件没有类型的限制)
            switch(条件) {
                case 1:
                    break;
                ......
                default:
                    
            }

5、案例：实现99乘法表
    * document.write("<table border='1' bordercolor='blue'>");
    //循环行
    for(var i=1;i<=9;i++) {
        document.write("<tr>");
        //循环列
        for(var j=1;j<=i;j++) {
            document.write("<td>");
            document.write(j+"*"+i+"="+i*j+"&nbsp;");
            document.write("</td>");
        }
        //增加换行
        //document.write("<br/>");
        document.write("</tr>");
    }
    document.write("</table>");

6、js的运算符
    * i++     ++i
    * js的字符串的加减操作
        - var str = "123";
        - document.write(str+7);//字符串拼接  = 1237
        - document.write(str-1);//做相减操作  = 122

    * boolean类型的加减操作
        - var flag = true;
        //document.write(flag+1); //true 值1

        - var flag1 = false;
        document.write(flag1+1); //flase 值0

    * 数字类型number操作(不区分整数和小数)
        - var mm = 123;
        //在java里面值 0
        - document.write(123/1000*1000); //123

        * &&和||区别
        * &和|

7、js的数组
    * 存很多值
    ** java里面定义数组 int[] arr = {1,2,"3"};不正确

    * 三种定义方式
        1、第一种 var arr = [];  var arr = [1,2,3]; var arr = [1,"a",3];
        2、第二种 var arr1 = new Array(3);传入一个参数 ：表示定义了一个数组名称arr1，并且数组的长度是3
            * arr1[0] = 1;
              arr1[1] = 2;
              arr1[2] = 3;

        3、第三种 var arr2 = new Array(4,5,6);
            * 表示定义一个数组名称arr2，并且数组里面的具体值是4 5 6

    * js的数组里面有一个属性 length 查看数组的长度

8、js的函数（方法）
    * java里面定义方法
        - public void/int 方法名(参数列表) {
            方法体;
            返回值;
        }

    * js里面定义函数有三种方式
        1、使用一个关键字 function
            - 格式： function 方法名(参数列表) {
                    方法体;
                    //返回值可以有可以没有;
                }
            //参数列表部分不加var，直接写参数名称
            * function add1(m,n) {
                var sum = m+n;
                //alert(sum);
                return sum;
            }

        2、动态函数(不建议使用)
            * 使用js内置对象 Function("方法的参数列表","方法体和返回值")
            * var param = "a,b";
              var methods = "var sum;sum=a+b;return sum;";
              var aa = new Function(param,methods);
        
        3、匿名函数
            * function(参数列表) {方法体和返回值;}
            * var bb = function(p,q) {
                var sum = p+q;
                return sum;
            }
            
9、js的全局变量和局部变量
    * 全局变量：在script里面定义的一个变量，这个变量在页面中都有效
    * 局部变量：在方法内部定义一个变量，这个变量只能在方法内部使用

    ** ie调试方式：直接打开ie浏览器f12，出现控制台，看到js的错误信息

10、<script type="text/javascript">写在什么位置
    * 把script标签放在  </body>后面，</html>之前