《4javascript进阶篇》由会员分享，可在线阅读，更多相关《4javascript进阶篇（18页珍藏版）》请在金锄头文库上搜索。
1、1.1让你认识JS你知道吗，Web前端开发师需要掌握什么技术?也许你已经了解HTML标记(也称为结构)，知道了CSS样式(也称为表示)，会使用HTML+CSS创建一个漂亮的页面，但这还不够，它只是静态页面而已。我们还需使用JavaScript增加行为，为网页添加动态效果。准备好，让JavaScript带你进入新境界吧!JavaScript能做什么？1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)JS进阶篇学习什么？在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进
2、阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。2.1什么是变量什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某些数值的存储器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果.等。2.2给变量取个名字(变量命名)我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则:1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:正确: mysu
3、m _mychar $numa1 错误: 6num /开头不能用数字 %sum /开头不能用除(_ $)外特殊符号,如(% + /等) sum+num /开头中间不能使用除(_ $)外特殊符号，如(% + /等)2.变量名区分大小写，如:A与a是两个不同变量。3.不允许使用JavaScript关键字和保留字做变量名。2.3确定你的存在(变量声明)我们要使用盒子装东西,是不是先要找到盒子,那在编程中，这个过程叫声明变量,找盒子的动作，如何表示：声明变量语法: var 变量名; var就相当于找盒子的动作，在JavaScript中是关键字（即保留字），这个关键字的作用是声明变量，并为变量准备位置(
4、即内存）。var mynum ; /声明一个变量mynum当然，我们可以一次找一个盒子，也可以一次找多个盒子，所以Var还可以一次声明多个变量，变量之前用,逗号隔开。var num1,mun2 ; /声明一个变量num1注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。2.4多样化的我(变量赋值）我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?我们使用=号给变量存储内容,看下面的语句:var mynum = 5 ; /声明变量mynum并赋值。这个语句怎么读呢？ 给变量mynum赋值，值为5。我们也可以这样写:var mynum; /声明变量mynumm
5、ynum = 5 ; /给变量mynum赋值注:这里=号的作用是给变量赋值，不是等于号。盒子可以装衣服、玩具、水果.等。其实，变量是无所不能的容器，你可以把任何东西存储在变量里，如数值、字符串、布尔值等，例如：var num1 = 123; / 123是数值var num2 = 一二三; /一二三是字符串var num3=true; /布尔值true（真），false(假)其中，num1变量存储的内容是数值；num2变量存储的内容是字符串，字符串需要用一对引号括起来，num3变量存储的内容是布尔值(true、false)。2.5表达出你的想法(表达式)表达式与数学中的定义相似，表达式是指具有一
6、定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。我们先看看下面的JavaScript语句：生活中“再见”表达方法很多，如:英语(goodbye）、网络语（88）、肢体语（挥挥手）等。在JavaScript表达式无处不在，所以一定要知道可以表达哪些内容，看看下面几种情况:注意:串表达式中mychar是变量注意:数值表达式中num是变量注意:布尔表达式中num是变量2.6我还有其它用途( +号操作符）操作符是用于在JavaScript中指定一定动作的符号。（1）操作符看下面这段JavaScript代码。sum = numa + numb;其中的=和+都是操作符。Java
7、Script中还有很多这样的操作符，例如，算术操作符(+、-、*、/等)，比较操作符(、=、 90”，所以小红考试成绩高。其中大于号 就是比较操作符，小红考试成绩和小明考试成绩就是操作数，并且是两个操作数。也就是说两个操作数通过比较操作符进行比较，得到值为真（true）和假(false)。在JavaScript中，这样的比较操作符有很多，这些操作符的含义如下:看看下面例子:var a = 5;/定义a变量，赋值为5var b = 9; /定义b变量，赋值为9document.write (a=b); /a大于或等于b的值吗? 结果是假(false)document.write (a!=b);
8、/a不等于b的值吗? 结果是真(true)document.write (a=b); /a等于b的值吗? 结果是假(false)2.9我与你同在(逻辑与操作符）数学里面的“ab”，在JavaScript中还表示为ab；数学中的“b大于a，b小于c”是“aba & ba |ab; /ba是true，ab是false，c是true逻辑或操作符值表:注意:如果A为真，A |B为真，不会在执行B; 反之，如果A为假，要由 B 的值来决定A | B 的值。2.11是非颠倒(逻辑非操作符）!是逻辑非操作符，也就是不是的意思,非真即假，非假即真。好比小华今天买了一个杯子，小明说:杯子是白色的，小亮说:“杯子
9、是红色的”，小华说：小明说的不是真话，小亮说的不是假话。猜猜小华买的什么颜色的杯子，答案：红色杯子。逻辑非操作符值表:看看下面代码，变量c的值是什么:var a=3;var b=5;var c;c=!(ba); / ba值是true,! (ba）值是falsec=!(ba); / ba值是false, ! (b10 & numb * 32; /结果为false3.1一起组团（什么是数组）我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多数据，那就会变的更麻烦。我们用数组解决问题，一个数组变量可以存放多个数据。好比一个团，团里有很多人，如下我们使用数组存储5个学生成绩。数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。3.2组团，并给团取个名（如何创建数组）使用数组之前首先要创建，而且需要把数组本身赋至一个变量。好比我们出游，要组团，并给团定个名字“云南之旅”。创建数组语法：var myarray=new Array();
