小强的HTML5移动开发之路（29）—— JavaScript回顾4-css教程-PHP中文网

小强的HTML5移动开发之路（29）—— JavaScript回顾4

黄舟

发布： 2017-02-04 14:22:45

原创

980人浏览过

一、变量的作用域

JavaScript脚本的执行过程分为两个阶段：

第一阶段，js引擎()先扫描整个javascript代码。当碰到3f1c4e4b6b16bbbd69b2ee476dc4f83a时，会先创建一个全局的活动对象，将3f1c4e4b6b16bbbd69b2ee476dc4f83a中出现的变量的声明，函数的定义保存在活动对象里面。如果碰到函数，则创建对应的局部活动对象，将函数内部的变量的声明及函数的定义保存在该活动对象里面。

第二阶段，执行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(文档对象模型)

将一个结构化的文档(xml, html)转换成一颗树，并提供对树的操作(包括遍历，查找，修改，删除等)相关的属性或者方法

2、w3c dom模型的基本结构

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

登录后复制

以上就是小强的HTML5移动开发之路（29）—— JavaScript回顾4的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！