javawebday03(js和html结合 基本数据类型及方法 全局函数 重载)

    <script>        /*            js和html的结合方式                1、使用一个标签<script type = "text/javascript">js代码</scri..>                2、使用script标签 引入一个外部的js文件                    <script type="text/javascript" src = "1.js"></scri..>                    第二种方式标签内不能写js代码 不会执行            js的原始类型和声明变量                java的基本数据类型 byte short int long float double char boolean                js的原始类型 (五个)                    string 字符串 var str="ab";                    number  数字类型 var num =11;                    boolean 布尔类型 true和false var flag =true;                    null                        访问的对象不存在                        typeof 运算符对于null 会返回object 最初实现的一个错误 然后被沿用 现在null                        被认为是对象的占位符  但从技术上来讲仍是原始数据类型                        var date = new Date();                        获取对象的引用 null表示对象引用为空 所有对象的引用也是object                    undefined                        定义一个变量 没有赋值                        var aa;                typeof() 查看当前变量的数据类型           js的语句            java里面的语句                if判断                switch 语句                循环 for while   (do while)            js里面的语句                if判断语句                = 表示赋值                == 表示判断                switch语句                    java里面支持数据类型 string支持吗？ 在jdk1.7开始支持                    js里面都支持                    switch(a){                        case 5:                            break;                        case false:                            break;                    }                    循环语句 for while do-while                    while 循环                    var i=5;                    while(i>1){                        alert(i);                        i--;                    }                    for循环                    for(var x= 1;x<5;x++)                    {}                    i++ 和++i 和java相同               在js里面不区分整数和小数 和java不同                alert(1234/1000*1000);//1234               字符串的相加和相减               相加是字符串连接 如果相减 是相减的运算               相加和java一样 相减就执行相减 和java不同                var str="4122";                //alert(str+1);//41221                alert(str-1);//4121                如果不是数字会提示NaN            boolean类型也可以操作                如果设置成true 相当于是1                如果是false 相当于是0            == 和===区别                == 比较的是值                === 比较的是值和类型            引入知识                直接项页面输出的语句(可以把内容显示在页面上)                document.write() 都能写 html标签也能识别            js的数组                什么是数组                    使用变量 var m =10;                    java里面的数组 定义 int[] arr ={1,2,3};                定义方式(三种)                    1、var arr = [1,"4",true];                    2、使用内置对象 Array对象                        var arr = new Array(5); 定义一个数组的 数组的长度为5                        arr[0] =1;                    3、使用内置对象Array                        var arr = new Array(3,4,5); 定义一个数组 数组内的元素是3，4，5，                数组里面有一个属性 length 可以得到数组的长度                数组的长度是可变的                数组可以存放不同的数据类型的数据            js的函数                在java里面定义方法                    public 返回类型void/int 方法名(参数列表)                    {方法体;返回值;}                在js里面定义函数(方法)有三种方式                函数的参数列表里面不需要写var 直接写参数名称                    1、                        使用一个关键字 function                        function 方法名(参数列表){方法体; 返回值可有可无(根据实际需要)}                    2、 匿名函数                       var aaa =  function(参数列表){方法体和返回值}                    3、使用到js中的一个内置对象Function 动态函数                    var add =  new Function("参数列表","方法体和返回值");                    var a = new Function("x,y","alert(x+7);return x+y");                    a(1,4);           js的全局变量和局部变量            全局变量 在script标签里面定义一个变量 这个变量在页面中js部分都可以使用                在方法外部使用 方法内部使用 另外一个script使用            局部变量 在方法内部定义一个变量 只能在方法内部使用            ie自带了一个调试工具 在ie8及以上的版本中 键盘F12  在页面会出现            script 标签的位置                外部的放head 内部的放body                建议把script标签放在</body>后面                在js里面需要获取到input里面的值 如果把script标签放在head里面会出现问题                html解析是从上到下解析的 script标签放在head里面 直接在里面取input的值                因为 页面还没有解析到input的那一行 取不到值            什么是重载 方法名相同 参数列表不同                java里面有重载                js没重载 几个参数都能接受 但建议自己写对应的           js的string对象            创建string对象                var str = new String();            方法和属性(文档)                字符串转数组 如果有分割号 直接用split切割即可                属性 length 字符串的长度                方法                    与html相关的方法                        font 加粗                        fontcolor 字体颜色                        fontsize 字体大小                        link 将字符显示成超链接                            str.link("http://sss.sss.com");                        sub下标 sup上标                    与java相似的方法                        concat() 连接字符串                            str1.concat(str2);                        charAt(index); 字符位置不存在 返回空字符串                        indexOf() 返回字符位置 不存在返回-1                        split() 切割成字符串 成数组                    replace() 替换字符串                        传递两个参数                            第一个参数是原始字符                            第二个参数是要替换成的字符                    substr() 在指定索引位置拿 第二个参数的大小                    substring(3,6) 包含头 不包含尾 [3,6)            js的array对象                创建数组(三种)                    var arr1=  [1,2,3]                    var arr2 = new Array(3); 长度为3的数组                    var arr3 = new Array(1,2,3); 包含1，2，3的长度为3的数组                属性 length 数组的长度                方法 concat() 方法 连接数组                    join() 根据指定的字符 分隔数组 对结果没有影响 直接打印数组的时候还是逗号分隔                    push() 向数组的末尾添加元素 并返回长度 如果是数组 仍然是一个作为一个整体                            如果添加的是一个数组这个时候把数组当作一个整体字符串添加进去                    pop()  删除最后一个元素 返回删除的那个元素                    reverse（） 颠倒数组中的元素           js的date对象            在java里面获取当前时间                Date date = new Date();                //格式化                //toLocalString()            js 获取当前时间                var date  = new Date();            转换成习惯的格式                date.toLocalString();            回4位的 之前的getYear不总是4位 所以在ECMAScript v3 开始就用getFullYear                date.getFullYear();            获取当前的月方法                getMonth() 获取当前的月                    返回的是0-11月 如果要得到准确的值                    document.write("month"+(date1.getMonth()+1));            获取当前的星期                getDay() 星期 返回的是(0~6)                外国把星期日作为一周的第一天 星期日返回的是0                而星期一到星期六返回的是1-6            得到当前的天                getDate() 得到月中天数 (1-31)            得到当前的分钟                getHours() 小时                getMinutes() 分钟                getSeconds() 秒                getMilliseconds() 毫秒数            获取毫秒值                getTime()                返回1970 1 1 至今的毫秒数                    使用毫秒数处理缓存 .com?毫秒数            js的Math 对象                数学的运算                    里面的都是静态的方法 可以直接使用Math.方法();                    ceil 向上取最大整数                    floor 向下取最大整数                    round 四舍五入                    random 伪随机数                        Math.floor(Math.random()*10)                    pow(x,y) x^y           js的全局函数            由于不属于任何一个对象 直接写名称来使用            eval() 执行js代码 如果字符串是一个js代码 使用方法直接执行                    var str = "alert('aa')";                    eval(str);            encodeURI() 对字符进行编码            decodeURI() 对字符进行解码            isNaN 判断当前字符串是否是数字                如果是数字 返回false 如果不是数字返回true            parseInt 类型转换            js的重载                什么是重载 方法名相同 参数不同                js不存在重载 用最后一个函数                把传递的参数保存到arguments的数组里面                但是可以通过其他方法模拟重载                for(var x =0;x<arguments.length;x++)                {                    sum+= arguments[x];                }        */        document.write("<table border='1' bordercolor='blue'>")        //循环行        for (var x = 1; x <= 9; x++) {            document.write("<tr>");            //循环列            for (var y = 1; y <= x; y++) {                document.write("<td>");                document.write(y + "*" + x + "=" + x * y);                document.write("</td>")            }            document.write("</tr>");        }        document.write("</table>")        //document.write();//里面是双引号 如果设置标签的属性 要使用单引号        //动态函数        // var a = new Function("x,y","alert(x+7);return x+y");        //a(1,4);        var arr2 = [1,2];        var arr = new Array(5);        arr[0] = 1;        arr[1] = 1;        arr[2] = 1;        arr.push(arr2);        document.write( arr.length);        var date1 = new Date();        document.write(date1);        //转成习惯的格式        var date2 = date1.toLocaleString();        document.write(date2);        //返回4位的 之前的getYear不总是4位 所以在ECMAScript v3 开始就用getFullYear        date1.getFullYear();        document.write("month"+(date1.getMonth()+1)+"<hr/>");        document.write(date1.getMilliseconds());        var str = "alert('aa')";        eval(str);        var str1 = "中文aa";        var encode = encodeURI(str1);        document.write(encode);    </script>