前端—基础（4）

四、函数定义和调用
1、函数定义
js中的函数:
函数就是可以重复使用的代码块, 使用关键字 function 定义函数

2、 函数调用
js中的函数调用:
函数调用就是函数名加小括号，比如:函数名(参数[参数可选])

3、定义有参数有返回值的函数
js中有参数有返回值的函数:
定义函数时，函数如果有参数，参数放到小括号里面，函数如果有返回值，返回值通过 return 关键字来返回

4、匿名函数

五、变量作用域
1、变量作用域的介绍
变量作用域:
变量作用域就是变量的使用范围

变量分为:
局部变量
全局变量
2、局部变量
局部变量就是在函数内使用的变量，只能在函数内部使用

3、全局变量
全局变量就是在函数外定义的变量，可以在不同函数内使用

六、条件语句
1、条件语句的介绍
条件语句就是通过条件来控制程序的走向

条件语句语法:
①if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
②if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
③if…else if…else 语句 - 使用该语句来判断多条件，执行条件成立的语句

2、比较运算符
假如 x = 5, 查看比较后的结果:
比较运算符 描述 例子
== 等于 x == 8 为 false
=== 全等(值和类型) x === 5 为 true; x === “5” 为 false
!= 不等于 x != 8 为 true

大于 x > 8 为 false
< 小于 x < 8 为 true
= 大于或等于 x >= 8 为 false
<= 小于或等于 x <= 8 为 true
3、 逻辑运算符
假如 x=6, y=3, 查看比较后的结果:
比较运算符 描述 例子
&& and (x < 10 && y > 1) 为 true
|| or (x5 || y5) 为 false
! not !(x==y) 为 true
七、获取标签元素
获取标签元素
步骤:
①获取标签元素
②改变标签元素属性

可以使用内置对象 document 上的 getElementById 方法来获取页面上设置了id属性的标签元素
获取到的是一个html对象，然后将它赋值给一个变量

获取标签元素
获取标签元素需要等待页面加载完成，使用document.getElementById(‘标签id’);

onload事件：
onload是页面所有元素加载完成的事件，给onload设置函数时
当事件触发就会执行设置的函数

八、操作标签元素属性
标签属性和样式修改

属性名在js中的写法
①html的属性和js里面属性大多数写法一样，
但是“class” 属性写成 “className”
②“style” 属性里面的属性，有横杠的改成驼峰式，
比如：“font-size”，改成”style.fontSize”

innerHTML可以读取或者设置标签包裹的内容

标签属性的获取和设置:
①var 标签对象 = document.getElementById(‘id名称’); -> 获取标签对象
②var 变量名 = 标签对象.属性名 -> 读取属性
③标签对象.属性名 = 新属性值 -> 设置属性