2021-08-06 JavaScript基础(2)

开发工具与关键技术：IDEA、DW #Web开发
作者：翁一凯
撰写时间：2021/8/8

JavaScript基础(2)

一、JavaScript 鼠标事件
鼠标事件（Mouse Events）
通过鼠标触发事件, 类似用户的行为:

二、JavaScript 函数
1、函数定义:JavaScript 函数是被设计为执行特定任务的代码块。

2、JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。

3、函数调用
函数定义好后，是不能自动执行的，需要调用它,直接在需要的位置写函数名。
第一种情况:在

三、JavaScript - Style属性
Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。
使用 Style 对象属性的语法：

Style 对象的属性：
1、背景 7、打印
2、边框和边距 8、滚动条
3、布局 9、表格
4、列表 10、文本
5、杂项 11、规范
6、定位
四、JavaScript 控制流程
什么是流程？
程序中的三种基本流程结构：
1、顺序结构
2、分支结构
3、循环结构
顺序结构：按照顺序一条一条的执行代码，从上到下。
分支结构：执行代码的时候，可以根据条件进行选择，条件越多对应的结果越多，分支也就越多。例如if…else…语句,switch语句
循环语句：用来重复不断的做一件事,for循环，while循环，do…while循环

If…else 语句
1、if…else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。
语法：
if(条件){
条件成立时执行的代码
} else {
条件不成立时执行的代码
}
2、多重判断（if…else嵌套语句）
要在多组语句中选择一组来执行，使用if…else嵌套语句。
语法:
if(条件1){
条件1成立时执行的代码
} else if(条件2){
条件2成立时执行的代码
}
…
else if(条件n){
条件n成立时执行的代码
} else {
条件1、2至n不成立时执行的代码
}

switch…case 语句
switch 语句用于基于不同条件执行不同动作.
switch(表达式){
case 值1:
执行代码块1；
break；
case 值2:
执行代码块2；
break；
…
case 值n:
执行代码块n；
break；
default:
与 case值1 、 case值2…case值n 不同时执行的代码
}
语法说明:switch必须赋初始值，值与每个case值匹配。满足执行该 case 后的所有语句，并用break语句来阻止运行下一个case。如所有case值都不匹配，执行default后的语句。

for 循环语句
for循环是编程语言中一种循环语句，而循环语句由循环体及循环的判定条件两部分组成，for语句结构：
for(初始化变量;循环条件;循环迭代){
循环语句 ;
}
For循环 用来重复不断的做一件事。
循环执行流程顺序，如下图所示