首頁 > web前端 > css教學 > 小強的HTML5行動開發之路(29)- JavaScript回顧4

小強的HTML5行動開發之路(29)- JavaScript回顧4

黄舟
發布: 2017-02-04 14:22:45
原創
1269 人瀏覽過

一、變數的作用域

JavaScript腳本的執行過程分為兩個階段:

第一階段,js引擎()先掃描整個javascript程式碼。當碰到<script>時,會先建立一個全域的活動對象,將<script>中出現的變數的聲明,函數的定義保存在活動對 象裡面。如果碰到函數,則建立對應的局部活動對象,將函數內部的變數的宣告及函數的定義保存在該活動對象裡面。 </script>

第二階段,執行javascript程式碼,遇到變量,會先從對應的活動物件裡面找,找不到,找上一層的活動物件。

<html>  
    <head>      
        <script>  
            var i = 100;  
            function f1(){  
                alert(i);  
                var i = 1000;  
            }  
            function f2(){  
                var i = 1000;  
                alert(i);  
            }  
            function f3(){  
                alert(i);  
                i = 1000;  
            }  
            function f4(){  
                alert(i);  
                i = 1000;  
                function f5(){  
                    var i = 10000;  
                }  
            }  
            f1(); //结果是undefined  
            f2(); //结果是1000  
            f3(); //结果是100  
        </script>  
    </head>  
    <body>  
  
    </body>  
    <!--  
        预编译--对脚本扫描  
        js引擎--创建一个全局活动对象(i和f1)--创建一个局部的活动对象(i)s  
    -->  
</html>
登入後複製

二、Math(javascript內建的一個對象,可以直接使用)

Math.random(): 返回0到1之間的隨機數 0<= 隨機數<1
Math.ceil():  向上取整

Math.floor(): 向下取整

<html>  
    <head>  
        <script>  
            function f1(){  
                var a1 = Math.random();  
                alert(a1);  
                var a2 = 100.68;  
                alert(Math.ceil(a2));  
                alert(Math.floor(a2));   
            }  
            function f2(){  
                Math.floor(Math.random()*33);  
            }  
            f1();  
        </script>  
    </head>  
    <body>  
    </body>  
<html>
登入後複製

三、W3C DOM模型

1、什麼是dom

document object model(1、什麼是dom

document object model()

document object model(xml. )轉換成一顆樹,並提供對樹的操作(包括遍歷,查找,修改,刪除等)相關的屬性或方法

2、w3c dom模型的基本結構

Node
DocumentHTMLDocument  
(<html>)HTMLBodyElement  
(<body>)ElementHTMLElementHTMLFormElement  
(<form>)HTMLInputElement  
(<input>)HTMLSelectElement 
(<select>)HTMLOptionElement  
(<option>)
登入後複製

以上就是 小強的HTML5移動開發之路(29)- JavaScript回顧4的內容,更多相關內容請關注PHP中文網(www.php.cn)! 🎜🎜🎜
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板