一、变量的作用域
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>)