一、变量的作用域
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(); //结果是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
Document
HTMLDocument (<html>)
HTMLBodyElement (<body>)
Element
HTMLElement
HTMLFormElement (<form>)
HTMLInputElement (<input>)
HTMLSelectElement (<select>)
HTMLOptionElement (<option>)