首页 > 代码库 > 初步总结javascript中学习DOM之前的知识

初步总结javascript中学习DOM之前的知识

             嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把这些重新练习了一下,感觉还是蛮容易找到学习的兴趣的,顿时就默默的开始了今天的练习过程。今天就总结下初步认识javascript时间的一些实例,记得前面总结的并不完全,所以在这里总结一下基本概念。

        一.基本的认识一些类型和方法

 <script>        var colors = new Array(3);  //数组的长度为3        colors[0] = "string";        colors[1] = 234;        colors[2] = true;        for (var i = 0; i < colors.length; i++) {            alert(colors[i]);         //遍历出数组的每一项值        }         var colors1 = new Array("red", "blue", "yellow","black","white","orange","green");        colors1.push("zhansgan");         //push是后进后出        for (var i = 0; i < colors1.length; i++) {            alert(colors1[i]);         //最后显示push添加进去的数组项,说明了push是后添加进来的,然后最后显示        }        colors1.pop();        for (var i = 0; i < colors1.length; i++) {            alert(colors1[i]);         //pop从数组的末尾移除最后一项        }                alert(colors1.shift());          //去掉第一项,在这里仅仅显示第一项        alert(colors1.indexOf("blue"));       //输出blue的索引值        alert(colors1.lastIndexOf("orange"));   //虽然是查找从后面开始,但是索引值和indexOf的索引是一样的        alert(colors1.concat(colors1,"数组"));    //连接  在这里可以是两个数组,也可以是字符串等</script>
<script>        var colors = new Array(3);  //数组的长度为3        colors[0] = "string";        colors[1] = 234;        colors[2] = true;        alert(colors1.reverse());           //使数组项倒叙输出        alert(colors1.sort());                //当为字符串数组时使用sort方法输出的顺序为按照第一个字母顺序        var num = new Array(1, 2, 3, 4, 12, 23, 45);        alert(num.sort());                   //输出的结果为1,12,2,23,3,4,45,其实sort方法是仅仅按照第一位数字排序        function compare(num1, num2) {       //定义一个方法,作为sort的参数,这里是按照从小到大的顺序            if (num1 > num2) {                return 1;            }            else if (num1 < num2) {                return -1;            }            else {                return 0;            }        }        function compare(num1, num2) {     //在sort方法中可以判断正负数,所以当我们按照从小到大的顺序时间可以写这个方法            num1 - num2;        }        function compare(num1, num2) {       //定义一个方法,作为sort的参数,这里是按照从大到小的顺序,            if (num1 > num2) {               //即返回值取反即可,也可以先获取升序,然后通过reverse实现倒序即可                return -1;            }            else if (num1 < num2) {                return 1;            }            else {                return 0;            }        }        alert(num.sort(desc));        var arr = [];          //数组的项可以为空,然后通过下面添加项即可        arr[5] = "1";           //也可以不从0开始添加值,但是为添加项的值都或显示为undefined        arr[6] = 2;        for (var i = 0; i < arr.length; i++) {   //显示数组的长度仍然是遍历            alert(arr[i]);        }        alert(arr.length);     //在这里length也是求取数组的长度    </script>
<script>          //包装类型        //-------------------Undefined---------------        var undefinedmsg = undefined;        alert(undefinedmsg == undefined);        //在这里主要是认识undefined        //----------------------Null-----------------        var nullmsg = null;        alert(nullmsg==null);        //----------------------Boolean--------------        var boolmsg1 = "msg";        var boolmsg2 = Boolean("msg");         //字符串类型的也可以转换为bool类型的        alert(typeof boolmsg2);       //转换为boolean        //-----------------数字类型Number-------------        var num = 12;        //alert(Number.MAX_VALUE);     //这里是javascript在数字类型中能存储的最大的值        //alert(Number.MIN_VALUE);     //这里是javascript在数字类型中能存储的最小的值        var num1 = "12";        var num2 = Number(num1);    //转换为Number类型        var num3 = parseInt(num1);  //也可以使用parseInt转为类型        var folatnum = 123.098;        var folatnum1 = parseFloat(folatnum); //转换为float类型的        alert(typeof num2);        alert(typeof num3);        alert(typeof folatnum1);        //----------------------String-----------------        var stringnum = "myfavorite";        var num = 123;        alert(num.toString(8));      //可以使用toString()把int类型转换为string,在这里可以改变进制,                                       当为8则转换为八进制,可以是2、810,16,如果为空,则默认转换为十进制        alert(typeof (stringnum + num));        //字符串和int类型的可以连接然后都转变为string类型的        alert(num.toLocaleString());          //也可以使用此方法转换为string类型        //--------------------Object类型----------------        //var objectnum = new Object();         //定义Object类型        //---------------------function类型--------------        function msgShow(name,pwd) {             //定义方法,首先为关键字function,然后为方法名()            alert("hello"+name+" my pwd is"+pwd);        }        msgShow(" snow"," 123");                 //方法记得需要调用        function nsgShowManyArgs() {            alert(arguments[0] + arguments[1] + arguments[2]);        }                        //在这里是使用一个arguments来接收方法传的参数,需要注意的        nsgShowManyArgs(1, 2);   //是参数的个数小于方法体中arguments的个数,则会返回一个NaN,当参数的个数大于大于        nsgShowManyArgs(1, 2,3,4);       //arguments的个数则只显示和自己个数相等的参数        //--------------------------方法没有重载------------------        function msgShowSubOrAdd(num1, num2) {            alert(num1 - num2);        }        function msgShowSubOrAdd(num1, num2) {            alert(num1 + num2);        }        msgShowSubOrAdd(3,4);             //在这里一直都是调用第二个方法                //---------------------没用块级作用域----------------------        function msgfor() {            var num = [1,2,3,4,5,6,7];            for (var i = 0; i < num.length; i++) {                //alert(num[i]);            }            alert(num[i]);         //在这里i不会报错,但是可能不会出现结果        }        msgfor();        var msg = true;        if (msg == true) {            var color = "blue";        }        alert(color);          //可以弹出blue,而color在if语句中定义的    </script>
        var date = new Date();        alert(date.getDate());          //结果是7,在这里可以认为是输出了当前的每日的日的值        alert(date.getDay());           //输出的是3,可知是得到当前的星期几        alert(date.getFullYear());      //输出的2015,即是当前的年份        alert(date.getHours());         //输出的是17,当前的小时的值        alert(date.getMilliseconds());  //输出的是533,输出的是毫秒数字        alert(date.getMinutes());       //输出的是6,输出当前的分钟数        alert(date.getMonth());         //返回0,即返回月份,从0开始,到11结束        alert(date.getSeconds());       //输出30,即输出日期中的秒数        alert(date.getTime());          //返回日期的毫秒数,与valueof方法返回值相同,从当天的0:00开始起计算毫秒

              上面就是总结了我之前定义的定义的那些,想了解的更清楚可以去这个里面看一下(http://www.cnblogs.com/dyxd/p/4209768.html),是定义的javascript的学习,但是那时间想过多的先认识javascript,知道它需要学习的内容,大致的了解一下学习起来思路更清晰的啦,嘿嘿,而写上面这些方法时间需要注意的是排序的方法的使用,即sort和reverse,还有every方法在传参时间也需要注意,但是我没想明白的是every使用数组的名称调用的方法为什么还要传参时间传入一个数组那?另外,在学习pop和push方法时也是很特殊的,一个是先进先出,一个是后进后出,这里指的是参数。

               二.window的方法以及其他方法

    <script>        window.setInterval(function () { alert("ok") }, 1000);  //两个参数,第一二个参数是设置的内容,第二个为没隔多久设置的内容出现一次        window.setInterval("alert(ok)",2000);              //第一个参数可以使字符串,也可以是一个方法        window.setTimeout(function () { alert("ok") }, 1000);         //仅仅执行一次        window.setTimeout("alert(‘ok‘)", 2000);    </script>
<body>    <div id="div1">        div1    </div>    <div name="e">        div2    </div>    <p name="e">我是P标签</p>    <p>我也是P标签</p>    <script>        var divmsg = document.getElementsByName("e");        for (var i = 0; i < divmsg.length; i++) {            alert(divmsg[i].innerHTML);       //把元素的文本信息显示在提示框中        }    </script></body>
<script>        alert(window.innerHeight + "我是一只小小鸟" + window.innerWidth); //显示信息在屏幕内的坐标位置        window.open("http://www.baudu.com", "baidu", "height=400,weight=500,top=10,left=100,resizable=yes");        //在这里是弹出窗口的位置以及大小,resizable是指页面标题是否可变        window.close();   //关闭    </script>
var arraynum = ["张三", "李四", 123, true, 1.414];var everynum = arraynum.every(function (index, item, arraynum) {return item>1});//alert(everynum);       //在这里需要三个参数,index为索引,//item是每项的值,arraynum为数组,在这里感觉数组.every,怎么在参数中还需要传入一个参数数组for (var itemnum in arraynum) {    //alert(itemnum);            //输出的是索引}//alert(arraynum.shift());      //取出数组中的第一项alert(arraynum.unshift("red")); //添加新项并返回新的数组的长度
     <p>页面1<a href=http://www.mamicode.com/"001.html">页面2</a></p>            <a onclick="window.history.go(-1)">回到上一页面</a>         <!--返回上一页-->     <!--<a onclick="window.history.back()">回到上一页面</a> --><!--返回上一页-->
       alert(window.location.host);      //主机       alert(window.location.href);       //当前页面的url地址

            好啦,今天就写到这里啦,写的这些练习还是初步认识javascript时间的学习,告别了一周的学习,感觉这周学习的知识终于总结完啦,心情是无比的愉悦哦,嘿嘿,不过嘛,这些还不是应该高兴的时间啦,是希望练习后自己能够掌握的啦,我会努力的,给自己鼓励!嘿嘿。

 

初步总结javascript中学习DOM之前的知识