HTML5入门

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

字号+ 作者:水寒 来源:csdn 2015-06-02 14:36 我要评论( )

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

一、变量的作用域

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5常用标签总结

    HTML5常用标签总结

    2016-03-23 14:02

  • html5学得好不好,看掌握多少标签

    html5学得好不好,看掌握多少标签

    2015-09-28 12:53

  • 小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递

    小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递

    2015-06-02 14:32

  • 小强的HTML5移动开发之路(52)——jquerymobile中的触控交互

    小强的HTML5移动开发之路(52)——jquerymobile中的触控交互

    2015-06-02 14:34

网友点评
p