Maison > Article > interface Web > Route de développement mobile HTML5 de Xiaoqiang (29) - Revue JavaScript 4

Route de développement mobile HTML5 de Xiaoqiang (29) - Revue JavaScript 4

黄舟original: 2017-02-04 14:22:451219parcourir

1. Portée des variables

Le processus d'exécution du script JavaScript est divisé en deux étapes :

Dans la première étape, le moteur js () analyse d'abord l'intégralité du code javascript. Lorsque vous rencontrez 3f1c4e4b6b16bbbd69b2ee476dc4f83a, un objet actif global sera créé en premier et la déclaration des variables et des définitions de fonctions apparaissant dans 3f1c4e4b6b16bbbd69b2ee476dc4f83a sera enregistrée dans l'objet actif. Si une fonction est rencontrée, un objet actif local correspondant est créé et la déclaration des variables à l'intérieur de la fonction et la définition de la fonction sont enregistrées dans l'objet actif.

Dans la deuxième étape, lors de l'exécution du code javascript, lorsqu'il rencontre une variable, il recherchera d'abord à partir de l'objet actif correspondant. S'il ne le trouve pas, il trouvera l'objet actif de niveau supérieur.

<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>

2. Math (un objet intégré en javascript, qui peut être utilisé directement)

Math.random() : renvoie un nombre aléatoire entre 0 et 1 0<= nombre aléatoire< ;1
Math.ceil() : Arrondir

Math.floor() : Arrondir

<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>

3. Modèle DOM W3C

1. Quoi est dom

modèle objet de document (modèle objet de document)

convertit un document structuré (xml, html) en une arborescence et fournit des opérations sur l'arborescence (y compris la traversée, la recherche, la modification, la suppression, etc.) attributs ou méthodes associés

2. La structure de base du modèle dom du w3c

Node
DocumentHTMLDocument  
(<html>)HTMLBodyElement  
(<body>)ElementHTMLElementHTMLFormElement  
(<form>)HTMLInputElement  
(<input>)HTMLSelectElement 
(<select>)HTMLOptionElement  
(<option>)

Ce qui précède est le chemin de développement mobile HTML5 de Xiaoqiang (29)—— Contenu de la revue JavaScript 4, veuillez faire attention au site Web PHP chinois (www.php.cn) pour plus de contenu connexe !

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：css n'oubliez pas d'effacer les flotteurs clear: les deuxArticle suivant：css n'oubliez pas d'effacer les flotteurs clear: les deux

Articles Liés

Voir plus