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

最新推荐文章于 2018-07-29 11:35:13 发布

lxq_xsyu

最新推荐文章于 2018-07-29 11:35:13 发布

阅读量3.6k

点赞数 5

分类专栏： html5移动开发 JavaScript 小强的HTML5移动开发之路小强的JavaScript神奇之旅文章标签： javascript Math 变量作用域 W3C DOM

本文链接：https://blog.csdn.net/dawanganban/article/details/18399193

版权

html5移动开发同时被 3 个专栏收录

54 篇文章 0 订阅

订阅专栏

小强的HTML5移动开发之路

52 篇文章 185 订阅

订阅专栏

JavaScript

11 篇文章 0 订阅

订阅专栏

一、变量的作用域

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

lxq_xsyu

关注

5
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
小强的HTML5移动开发之路（29）—— JavaScript回顾4

一、变量的作用域javascript脚本的执行过程分为两个阶段：第一阶段，js引擎()先扫描整个javascript代码。当碰到时，会先创建一个全局的活动对象，将中出现的变量的声明，函数的定义保存在活动对象里面。如果碰到函数，则创建对应的局部活动对象，将函数内部的变量的声明及函数的定义保存在该活动对象里面。第二阶段，执行javascript代码，遇到变量，会先从对应的活动对象里面
复制链接

扫一扫