初步總結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、8，10,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="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時間的學習，告別了一周的學習，感覺這周學習的知識終於總結完啦，心情是無比的愉悅哦，嘿嘿，不過嘛，這些還不是應該高興的時間啦，是希望練習后自己能夠掌握的啦，我會努力的，給自己鼓勵！嘿嘿。