HTML/CSS/JS的关系
html:负责页面内容显示和结构
css:页面美化
JavaScript:与用户交互
面试题：网页的三层结构是什么？各自的作用是什么？
结构层、表现层、行为层
作用：html:负责页面内容显示和结构
? ? ? ? ? ?css:页面美化
???????????JavaScript:与用户交互
一、script标签的作用?
?????
注意：1.针对嵌入和外部js文件使用的时候，script标签哪需要就放哪
? ? ? ? ???2.如果使用外部js文件，那么script标签内部不能放任何js代码
二、输出语句
alert()又叫警示框
?三、js注释方法
| js注释 | // 单行注释、/* */ 多行注释 |
|---|---|
| HTML注释 | <!--??--> |
| css注释 | /* */ |
| java注释 | 同js |
| PHP注释 | #? ? ??/* */? ? ??// |
注释的作用：方便代码阅读
四、变量
1.概念：计算机中用来存储数据的
2.变量的创建
???语法：var变量名称 = 值
? ?变量的命名规范
- 包含数字(0-9)、字母(a-z,A-Z)、下划线(_)、美元符号($)?
- 不能用数字开头
- 不能使用系统关键字、保留字
- 变量名称有意义
- 驼峰命名法:首字母小写，其余单词首字母大写
例：var myFirstName = 'Tom'，var my_first_name = 'Tom'
?3.变量的扩展
????a.初始化赋值? ? 创建变量的时候 赋值
? ??
? ? b.变量的值更新
? ??
?4.特殊情况
?????1.只声明变量
? ? ?
?
?????2.声明变量时，不加var，隐式声明，函数内部声明全局变量的时候?
?????3.同时定义多个变量，变量之间使用英文逗号(,)隔开
五、数据类型
| 1.PHP中的数据类型 |
|---|
| boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、null(空)、resource(资源) |
| 2.Java中的数据类型 |
|---|
| boolean(布尔)、int(整型)、float(浮点型)、string(字符串)、array(数组)、object(对象)、null(空)、resource(资源)、long、short、double、char、byte |
| 3.javascript中的数据类型 |
|---|
| boolean(布尔)、string(字符串)、number(数字)、object(对象)、null(空)、underfinded(未定义) |
布尔数据类型中只有true和false两个值
字符串使用引导(单引号和双引号)引起来
数字包括整数和浮点数、NAN
注意：当非数字字符串参与算术运算的时候("+"除外)，得出结果为NaN。
获取变量数据的类型
typeof()
?六、运算符
?????????1.算术运算符
? ? ? ? ? ? ?+加、-减、*乘以、/除以、%取余
? ? ? ? ?2.比较运算符
? ? ? ? ? ? ? <? 小于
? ? ? ? ? ? ? >? 大于
? ? ? ? ? ? ? ? <=? 小于等于
? ? ? ? ? ? ? ? >=? 大于等于
? ? ? ? ? ? ? ? ==? 等于? ? ? ? 值比较值，值相等返回真，不相等返回假??
? ? ? ? ? ? ? ? !=? 不等于
? ? ? ? ? ? ? ? ===? 恒等于(全等于)比较值和数据类型之和类型都相同，返回真，否则返回假
? ? ? ? ? ? ? ? !==? 恒不等于(全不等于)
? ? ? ? ?3.逻辑运算符
? ? ? ? ? ? ? ? &&? ? ? 逻辑与? ? ? 两边都为真时，整体返回真，其余情况全给假
? ? ? ? ? ? ? ? ||? ? ? 逻辑或? ? ? 只要有一边是真的为真时，整体返回真，当连边都为假时，整体返回假
? ? ? ? ? ? ? ? !? ? ??逻辑非? ? ??取反? ? ? 非真即假，非假既真
? ? ? ? ?4.赋值运算??
????????????????=、+=、-=、*=、/=、%=
? ? ? ? ? ? ? ? 例：a+=2? 等价于? a=a+2
? ? ? ? ?5.递增递减运算符
????????????????++每次加1
? ? ? ? ? ? ? ? --每次减1
? ? ? ? ?6.拼接运算符
? ? ? ? ? ? ? ? +
? ? ? ? ? ? ? ? 例:?5 + "12"? ? ? 结果为? 17
? ? ? ? ? ? ? ? ? ? ? 5 + "ok"? ? ? 结果为? 5ok
? ? ? ? ? ? ? ? ? ? ? 5 * "ok"? ? ? 结果为? NaN
七、流程控制
? ? ? ? 1.分支结构(选择结构)
? ? ? ? ? ? ? ? ①单分支
????????????????????????语法：if(条件){条件为真的时候，执行}
? ? ? ? ? ? ? ? ? ? ? ??
? ? ? ???
????????????????②双分支
? ? 语法：if(条件){条件为真的时候，执行}else{条件为假，执行的代码块}
????????????????③多分支
? ? ? ? ? ? ? ? ? ? ? ? a.if...else if...结构
? ? ? ? ? ? ? ? ? ? ? ? 语法：if(条件1){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?条件1 为真 执行代码块
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}else if(条件2){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?条件1 为真 执行代码块
???????????????????????????????????}...else{
???????????????????????????????????以上条件都不满足时，执行的代码块
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ? ? b.switch...case? 结构
? ? ? ? ? ? ? ? ? ? ? ? ? ? 语法：switch(表达式){
???????????????????????????????????????????case 值1:执行的代码1;break;
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?case 值2:执行的代码2;break;
???????????????????????????????????????????...
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?default:以上值匹配不成功的时候，执行的代码
??????????????????????????????????????}
八、循环结构
? ?当有一段相同或相似的代码，需要重复执行n次的时候，会使用到循环结构
? ? ? ? 1.for循环
? ? ? ? ? ? ?语法：for(var 计数变量=初始值;循环条件;递增或者递减){
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 循环体;
????????????????????????}
????????? ? ?
? ? ? ? ?2.while循环
? ? ? ? ? ? ? ? 语法：
? ? ? ? ? ? ? ? ? ? 计数变量
? ? ? ? ? ? ? ? ? ? ?while(循环条件){
? ? ? ? ? ? ? ? ? ? ? ? 循环体
? ? ? ? ? ? ? ? ? ? ? ? 递增递减
?????????????????????}
? ? ? ? 3.do...while循环
? ? ? ? ? ? ? ? 语法：
? ? ? ? ? ? ? ? ? ? 计数变量
? ? ? ? ? ? ? ? ? ? do{
? ? ? ? ? ? ? ? ? ? ? ? 循环体
? ? ? ? ? ? ? ? ? ? ? ? 递增递减
????????????????????????}while(循环条件)
九、函数
? ? ? ? 函数:一段有名字的代码块
? ? ? ? 作用:实现代码复用和提高开发效率
? ? ? ? 特性:函数不能自动执行，需要调用
? ? ? ? 语法:function 函数名称([形参]){
? ? ? ? ? ? ? ? ? ?//[]里面的内容可有可无
? ? ? ? ? ? ? ? ? ?实现特定功能的代码块
????????????????}
? ? ? ? 函数调用:函数名([实参])
????????????????????????//[]里面的内容可有可无
????????????????????????
?????????注意：形参的个数和实参的个数要保持一致
判断给定的年份是否是一个闰年，如果是闰年返回true，不是返回false
????????返回值:return
? ? ? ? ? ? ? 作用：给函数本身设置一个值，终止后续代码执行
? ? ? ? ? ? ? 注意：一个函数只能有一个返回值
十、数组?
概念:数组是一组数据的集合，可以存储任意类型的数据
? ? ? ? 1.数组的创建
?????????????①通过对象的方式创建? new
????????????????
????????????②字面量创建? []? 是字面量的含义
????????????????
? ? ? ? 注意：数组中值和值之间使用英文逗号(,)隔开
? ? ? ? 2.数组单个元素的访问
? ? ? ? ? 通过数组元素的键名(下标)，来获取数组的中的某一个值
????????????????语法:数组名[键名]
???????????????????????????????
? ? ? ? ? ? ? ? ? ? ? ? 修改数组的元素值
????????????????????????数组名[键名]=修改后的值
??????????????????????????????????????
? ? ? ? 3.数组的遍历
????????????????挨个访问数组中的每一个元素
???????????????????????
?