4JavaScript进阶篇.docVIP

1.1让你认识JS 你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧! JavaScript能做什么？ 1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等) 2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等) JS进阶篇学习什么？ 在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。 2.1什么是变量 什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。 2.2给变量取个名字(变量命名) 我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。 我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则: 1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下: 正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不能使用除(_ $)外特殊符号，如(% + /等) 2.变量名区分大小写，如:A与a是两个不同变量。 3.不允许使用JavaScript关键字和保留字做变量名。 2.3确定你的存在(变量声明) 我们要使用盒子装东西,是不是先要找到盒子,那在编程中，这个过程叫声明变量,找盒子的动作，如何表示： 声明变量语法: var 变量名; var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为变量准备位置(即内存）。 var mynum ; //声明一个变量mynum 当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以Var还可以一次声明多个变量，变量之前用,逗号隔开。 var num1,mun2 ; //声明一个变量num1 注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。 2.4多样化的我(变量赋值） 我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢? 我们使用=号给变量存储内容,看下面的语句: var mynum = 5 ; //声明变量mynum并赋值。 这个语句怎么读呢？ 给变量mynum赋值，值为5。我们也可以这样写: var mynum; //声明变量mynummynum = 5 ; //给变量mynum赋值 注:这里?=号的作用是给变量赋值，不是等于号。 盒子可以装衣服、玩具、水果...等。其实，变量是无所不能的容器，你可以把任何东西存储在变量里，如数值、字符串、布尔值等，例如： var num1 = 123; // 123是数值 var num2 = 一二三; //一二三是字符串 var num3=true; //布尔值true（真），false(假) 其中，num1变量存储的内容是数值；num2变量存储的内容是字符串，字符串需要用一对引号括起来，num3变量存储的内容是布尔值(true、false)。 2.5表达出你的想法(表达式) 表达式与数学中的定义相似，表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。 我们先看看下面的JavaScript语句： 生活中“再见”表达方法很多，如:英语(goodbye）、网络语（88）、肢体语（挥挥手）等。在JavaScript表达式无处不在，所以一定要知道可以表达哪些内容，看看下面几种情况: 注意:串表达式中mychar是变量 ? 注意:数值表达式中num是变量 ? 注意:布尔表达式中num是变量 2.6我还有其它用途( +号操作符） 操作符是用于在JavaScript中指定一定动作的符号。 （1）操作符 看下面这段JavaScript代码。 sum = numa + numb; 其中的=和+都是操作符。 JavaScript中还有很多这样的操作符，例如，算术操作符(+、-、*、/等)，比较操作符(、、=、=等)，逻辑操