三、Javascript
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
###1 基本语法
####1.1 编写位置:
我们的JS代码需要编写到<script>
标签中。
-
我们一般将script标签写到head中。(和style标签有点像)
-
属性:
-
type:默认值text/javascript可以不写,不写也是这个值。
-
src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。
-
####1.2 严格区分大小写 JavaScript是严格区分大小写的,也就是abc和Abc会被解析器 认为是两个不同的东西
####1.3 注释 JS中的注释和Java的的一致,分为两种:
-
单行注释://注释内容
-
多行注释:/*注释内容
####1.4 变量 变量的作用是给某一个值或对象标注名称。 变量的声明:
-
使用var关键字声明一个变量。 var a;
-
变量的赋值:使用=为变量赋值 a=123;
-
声明和赋值同时进行:var a = 123;
####1.5 数据类型 JavaScript中一共有5种基本数据类型,这5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型。
- 字符串型(String)
- 数值型(Number)
- 布尔型(Boolean)
- null型(Null)
- undefined型(Undefined)
####1.6 typeof运算符 使用typeof操作符可以用来检查一个变量的数据类型。
- 使用方式:typeof 数据,例如 typeof 123。
####1.7 常用的数据类型 String:String用于表示一个字符序列,即字符串。
-
字符串需要使用 ’或“ 括起来。
-
将其他数值转换为字符串有三种方式:toString()、String()、 拼串。
Number:Number 类型用来表示整数和浮点数,最常用的功能就是用来 表示10进制的整数和浮点数。
**Boolean(布尔型):**布尔型也被称为逻辑值类型或者真假值类型
-
布尔型只能够取真(true)和假(false)两种数值。除此以外, 其他的值都不被支持。
-
其他的数据类型也可以通过Boolean()函数转换为布尔类型。
Undefined: Undefined 类型只有一个值,即特殊的 undefined.在使用 var 声明变量但未对其加以初始化时,这个变量的值就 是 undefined
Null: Null 类型是第二个只有一个值的数据类型,这个特殊的值是null 。
-
从语义上看null表示的是一个空的对象。所以使用typeof检查 null会返回一个Object
-
undefined值实际上是由null值衍生出来的,所以如果比较 undefined和null是否相等,会返回true;
####1.8 数值的转换 有三个函数可以把非数值转换为数值:Number()、parseInt() 和parseFloat()。
-
Number()可以用来转换任意类型的数据,而后两者只能用于 转换字符串。
-
parseInt()只会将字符串转换为整数,而parseFloat()可以转换 为浮点数。
####1.9 运算符 JS中为我们定义了一套对数据进行运算的运算符。这其中包括:算数运算符、位运算符、关 系运算符等。
算数运算符
逻辑操作符
赋值运算符
简单的赋值操作符由等于号 ( = ) 表示,其作用就是把右侧的值赋给左侧的变量。如果在等于号左边添加加减乘除等运算符,就可以完成复合赋值操作。 +=、*=、-=、/=、%=
关系运算符
小于(<) 、大于(>) 、小于等于(<=)和大于等于(>=) 这几个关系运算符用于对两个值进行比较
相等
-
JS中使用==来判断两个值是否相等,如果相等则返回 true。
-
使用!=来表示两个值是否不相等,如果不等则返回true。
-
除了==以外,JS中还提供了===, ===表示全等,他和==基本一致,不过==在判断两个值 时会进行自动的类型转换,而===不会。
条件运算符
条件运算符也称为三元运算符。通常运算符写为 ` 条件 ? 结果一 : 结果二`
运算符的优先级
###2 流程控制语句 ####2.1条件语句 条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句。
- if…else语句
- 语法: if(expression) statement else statement
- switch…case语句
- switch(语句){ case 表达式1: 语句… case 表达式2: 语句… default: 语句… }
####2.2 循环语句 循环中的语句只要满足一定的条件将会一 直执行。
while语句是一个最基本的循环语句
- 语法: while(条件表达式){ 语句… }
do…while和while非常类似,只不过它会 在循环的尾部而不是顶部检查表达式的值。
- 语法 : do{ 语句… }while(条件表达式);
for语句也是循环控制语句,我们也称它为for循环
- 语法: for(初始化表达式 ; 条件表达式 ; 更新表达式){ 语句… }
####2.3 break和continue
-
使用break语句会使程序立刻退出最近的循环,强制执行循环 后边的语句。break和continue语句只在循环和switch语句中使用。
-
使用continue语句会使程序跳过当次循环,继续执行下一次循 环,并不会结束整个循环。continue只能在循环中使用,不能出现在其他的结构中。
####2.4 label 使用 label 语句可以在代码中添加标签,以便将来使用。
- 语法: label: statement