JavaScript基本知识

关于：JavaScript：

一，JavaScript
    1，    简介：基于对象和事件驱动的语言，应用于客户端（浏览器）
        特点：交互性，安全性，跨平台性
        java和JavaScript的区别（雷锋和雷峰塔）
        JavaScript 的组成：
            1）ECMAScript：由ECMA组织制定语句，语法
            2）BOM：browser object model  浏览器对象模型
            3）DOM: document object model 文档对象模型
    2，js和html的结合方式：两种
        第一种：使用html中的标签<script type="text/javascript">js代码</script>
            <script type="text/javascript">
                alert("asd");
            </script>
        第二种：使用html的标签，引入外部js文件
            <script type="text/javascript" src="js文件路径"></script>
            使用第二种时要注意两点：
                1）使用第二种时，不要再在script标签里面写js代码了，写了也不执行
                2）使用第二种时，结束script标签为<script>，不能在标签内结束
                <script type="text/javascript" src="js文件路径">
                    //这里面是不能再写代码，写了也不执行
                </script>
    3，js的变量声明和数据类型
        1）声明变量都用一个关键字var
        2）js的原始类型
            第一种，string：字符串类型
            第二种，number：数字类型
            第三种，boolean：布尔类型 false true
            第四种，null： 表示对象引用为空
            第五种，undefined；声明不赋值
        3）typeof：查看当前变量的类型
    4，js的引用类型和类型转换
            引用对象：
                Object 对象：所有对象都由这个对象继承而来
                Boolean 对象；Boolean原始类型的引用类型
                Number 对象；Number 原始类型的引用类型
            类型转换
                转换成字符串
                转换成数字：parseInt()和parseFloat()
                强制类型转换
                Boolean(value) - 把给定的值转换成 Boolean 型；
                Number(value) - 把给定的值转换成数字（可以是整数或浮点数）；
                String(value) - 把给定的值转换成字符串；
    5，js的语句
        1）if语句
        2）swith语句
        3）for循环语句
        4）while循环语句
        5）使用document.write()向页面输出内容
            可以向页面输出变量，也可以向页面输出html代码
                document.write(i);
                document.write("<hr/>");
    6,99乘法表
        经典案列；
        方法一：
            <script type="text/javascript">
                document.write("<table border='1' bordercolor='red' width='500'>");
                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);
                        document.write("</td>");
                    }
                    document.write("</tr>");
                }
                document.write("</table>");
            </script>
        方法二：
            <script type="text/javascript">
                var arr=new Array();
                arr.push("<table border='1' bordercolor='red' width='1000'>");
                var num=9;
                for(var i=9;i>=1;i--){
                    arr.push("<tr>");
                    for(var j=num;j>=1;j--){
                        arr.push("<th align='left'>");
                        arr.push(num+"*"+j+"="+num*j);
                        arr.push("</th>");
                    }
                    num--;
                    arr.push("</tr>");
                }
                arr.push("</table>");
                var aa=arr.join(" ");
                document.write(aa);
            </script>
    7，js的运算符
        和java里面的一样
        var b="10";
        document.write(b+1);//字符串的拼接
        document.write(b-1);//正真相减的运算
        
        var c="a";(不能相减)
        document.write(c-1);//NaN
        
        var a=true;
        document.write(a+1);//结果是2 true的时候当成1来运算
        var aa=false;
        document.wrtie();
        
        ==和===的区别
            ==比较的是值
            ===比较的是值和类型
            
    8，js的数组
            js数组定义方式：
            第一种： var arr1=[];
            第二种： var arr2=["asd",21,true];
            第三种： var arr3=new Array(3);
                    数组长度为3，还可以继续添加，没意义
            第四种； var arr4=new Array();
            第五种； var arr5=new Array(1,2,3);
                    里面有多个数字，就表示里面的值1 2 3
            for(var i=0;i<arr.length;i++){
                var a=arr[i];
                document.write(a);
            }
    9,js的string对象
            1）字符串对象
                var a="abc"
            2）属性 length字符串的长度
            3）方法
                bold()  使用粗体显示字符串
                fontcolor()        使用指定的颜色来显示字符串
                fontsize()        使用指定的尺寸来显示字符串
                link()         将字符串显示为链接
                charAt() 返回在指定位置的字符。 如果位置不存在字符，返回空字符串""
                concat() 连接字符串
                indexOf() 检索字符串，得到检索的字符的位置，如果没有找到返回-1
                split() 把字符串分割为字符串数组
                substr() 从起始索引号提取字符串中指定数目的字符。
                         第一个参数表示从哪个位置开始，第二个参数表示向后取几个位置的值
                substring() 提取字符串中两个指定的索引号之间的字符
                         第一个参数表示从哪个位置开始，第二个参数到哪个位置结束（不包含这个位置）
    10，js的Array对象
            1）属性
                length长度
            2）方法
                concat()：连接数组
                join()：把数组根据指定字符进行分割
                pop() 删除并返回数组的最后一个元素
                push() 向数组的末尾添加元素，并返回新的长度
    11，js的bom对象
        setInterval("执行的js代码",毫秒数) 在指定的时间内，重复执行js代码
            有两个参数
            第一个参数要执行的js代码（js的方法），第二个参数是时间（毫秒数）
            代码
        setInterval("alert('setinterval');",3000);

        setTimeout("执行的js代码",毫秒数) 在指定的时间之后，执行js代码，执行一次
            有两个参数
            第一个参数要执行js代码（js的方法），第二个参数是时间（毫秒数）
            代码
            setTimeout("alert('settimeout');",3000);

         clearInterval(id) 取消由 setInterval() 设置的 timeout。
        

         clearTimeout(id) 取消由setTimeout() 方法设置的 timeout。