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

来源：互联网发布：金星秀直播软件编辑：程序博客网时间：2024/05/01 19:38

一、变量的作用域

javascript脚本的执行过程分为两个阶段：
第一阶段，js引擎()先扫描整个javascript代码。当碰到<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(); //结果是undefinedf2(); //结果是1000f3(); //结果是100</script></head><body></body></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

Document

HTMLDocument (<html>)

HTMLBodyElement (<body>)

Element

HTMLElement

HTMLFormElement (<form>)

HTMLInputElement (<input>)
HTMLSelectElement (<select>)

HTMLOptionElement (<option>)

9 0