HTML: 定义网页结构
CSS:美化网页
JAVASCRIPT: 与用户进行交互
编写方式:
方式一:在script标签中编写js代码。
方式二:在js文件中编写js代码。
<script type="text/javascript" src="js文件"></script>
方式三:在HTML元素的事件属性中编写js代码。
ECMAScript:定义javascript的基本语法,所有浏览器都支持。
BOM:Browser Object Model 浏览器对象模型。
DOM: Document Object Model 文档对象模型。
Javascript的基本语法:
注释:
单行注释://注释内容
多行注释:/* 注释内容 */
定义变量:var 变量名 = 变量值;
变量的注意事项:
1) 变量的类型是由变量值决定;
2)初始化变量的时候可以不指定var关键字,一般要求加上;
3)变量必须要先定义,再使用;
typeof(变量名):查询变量的数据类型。
js的数据类型:
number数值型:NaN(非数字)、整数或小数。
string:字符串
boolean:布尔类型
object:对象类型
undefined:未定义类型
面向对象的三大特征:继承、多态、封装。
运算符:
算数运算符:
++:前加和后加
--:前减和后减
+(加法或字符串连接符)、-、*、/、%
逻辑运算符:
&&:逻辑与
||:逻辑或
!:逻辑非
比较运算符:
==(比较数据)、===(比较数据和类型)、>、<、>=、<=
赋值运算符:
=、+=、-=、*=、/=、%=
三目运算符:如果条件表达式返回true,结果就是表达式1的值,否则就是表达式2的值。
条件表达式 ? 表达式1 : 表达式2;
流程控制:
条件判断:
if (条件表达式) {
} else if (条件表达式) {
} ...
else {
}
条件选择:
switch(变量) {
case 值:
...
break;
case 值:
...
break;
case 值:
...
break;
...
default:
...
}
循环:
while (条件表达式) { //先判断条件,再执行循环体
循环体...
}
do { //先执行循环体,再判断条件
循环体...
} while(条件表达式);
for (初始化语句; 条件判断; 循环后语句) {
循环体...
}