第三步网页设计素材wui web化布局

JAVASCRIPT基础WEB交互实现1JAVASCRIPT基础2内容提要Javascript简介认识DOMJavascript基本语法Javascript语法Javascript简介什么是javascriptjavascript是一种解释型的、基于对象的脚本语言。认识DOMDOM定义文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。

javascript基本语法javascript基本语法规范语句由一个或多个表达式、关键字或者运算符组成，语句之间用分号“;”隔开。用大括号（{}）括起来的一组语句称为一个语句块。Javascript语法Javascript采用“点”语法Javascript语言特点Javascript数据类型Javascript中的变量Javascript中的对象Javascript中的数组Javascript中的函数Javascript语句Javascript语法Javascript采用“点”语法例：doucument.getElementById(“box01”);Javascript语法Javascript数据类型原始类型：Undefined,Null,Boolean,Number,String引用类型：所有对象都是引用类型

Javascript语法原始类型介绍：Undefined类型：值为undefined，代表一个未定义的量。Null类型：值为null，一般用作占位符，表示一个尚不存在的对象。Boolean类型：值为false或true，一般用于条件表达式中。Number类型：值为数字，可进行数值计算。String类型：值为字符串，可进行字符串处理。Javascript语法Javascript中的变量声明原始类型变量：var变量名=值;声明引用类型变量：var变量名=new类型名（初始值）Javascript语法变量命名规则（1）不能以数字开头（2）不能使用保留字命变量名（3）javascript区分大小写例：

myCounter和MYCounter是不同的对象Javascript语法运算符的应用（1）算术运算符+,-,*,/,%,+/-,++,--

（2）关系运算符包括>,<,>=,<=,==,!=（3）逻辑运算符包括：!,&,|,^,&&,||（4）扩展运算符包括+=,-=,*=,/=,%=

注：用“==”进行比较，用“=”来赋值Javascript语法Javascript中的对象对象(Object)是JavaScript中最重要的一种数据类型，一个对象中可包含若干属性和方法。属性的使用：对象名.属性名方法的使用：对象名.方法名（参数）Javascript语法Javascript中的数组数组即一组数据的集合数组定义：用newArray(n)方法定义数组，n为数组元素个数。给数组赋值：格式为数组名[数组元素下标/索引]例：studentName[0]=“jenny”;Javascript语法Javascript中的函数所谓函数就是完成特定功能的一段程序代码。定义函数的基本语法：function函数名称（参数列表）{执行部分；}注：可以定义参数也可以定义无参数的函数。如果需要函数有返回值，使用return语句。基本语法：return表达式；Javascript语句表达式语句分支语句循环语句流程控制Javascript语句条件表达式基本语法：()?:例：（8<10）?“正确”:“不正确”Javascript语句If分支语句语法：If(){}elseif(){}else{}例：If(sex==“女”)｛

alert(“美丽的女士欢迎你！”)}Javascript语句for循环语句语法：for(初始;条件;更新){}例：for(vari=0;i<10;i++){document.write(“你好<br/>”);}Javascript语句流程控制break语句break语句用于终止某个语句块的执行，使应用程序从该语句块后的第一句处开始执行。例：for(i=0;i<5;i++){ if(i==3)break; document.write(i+"<br/>")}Javascript语句流程控制continue语句continue语句的作用是结束本次循环，继续下一次循环。如果在continue后面还有其他循环语句，