js入门

1、js的重要性，html/css/JavaScript之间的关系
2、js脚本语言程序控制语法
3、js脚本语言函数、自定义函数
4、js脚本语言事件响应及处理，表单处理。
5、js脚本语言的DOM模型及操作 文档对象模型
6、使用所学技术完成综合练习。

课程安排
1、什么是js，HTML css JavaScript
2、程序控制语言、函数（自定义） 数组、注释、js调试。。。
3、事件：js事件的处理、利用事件对表单等功能进行设计
4、DOM：DOM结构
5、使用js技术，对页面添加并实现业务功能

js简介
1、js:JavaScript的简称 脚本语言
2、动态页面（人机交互） 静态页面
3、js不需要安装直接使用
4、什么是BOM浏览器对象模型 DOM文档对象模型

js变量：与其他程序语言相同的，用来临时存储信息的
创建1：var x = 1; var name = “jackson”; var x = 2,name = “rose”;
创建2：var x; x = 1; var:弱数据类型
js中变量，区分类型的，但是没有int之类的关键字。

js调试：alert()弹框调试；console.log()控制台输出调试；
作用：观察变量值的变化规律
alert(name);
console.log(name);

js函数分为2种：自定义函数、内置函数
函数：方法
自定义函数：完成某一功能的代码段，可重复执行，方便管理和维护
1：function fun1(x){ //这种是函数声明，可以先使用后定义
代码段
return//返回值 ***;
}

2：var fun1 = function(x){ //函数表达式，必须先定义后使用
return x+1;
};

数据类型：number string boolean underfine null
1、number 数字类型，整形，浮点型都包括
2、string 字符串类型，必须放在单引号或者双引号中
3、boolean 布尔类型，只有true,false
4、underfine 未定义，一般指的是已经声明，但是没有赋值的变量。
5、null 空对象类型，var a = null和var a = “”;

特殊类型：
1、object 对象类型，在js常见的有window document array等
2、NaN 是Number的一种特殊类型，isNaN() 如果是数字就返回false，不是数字就返回true

类型转换：
parseInt() 转换为整形
parseFloat() 浮点类型：带小数点的
Number() 包括整形和小数点的
Boolean() 逻辑类型
强制类型转换、隐式类型转换。

变量作用域
全局变量、局部变量
局部变量：在函数内部创建变量，其他函数不能使用。
全局变量：在函数外部创建的变量，在函数之间的可以共享使用。

运算符
比较运算符：用于比较2个值，结果是true、false
运算符范围：> >= != < <=
实例：x<10为true x = 2

运算符的优先级
1、() 小括号 最高
2、++ – 自加和自减
3、* / % 乘 除 取模
4、+ - 加 减
5、< <= > >= 逻辑运算
6、== ！= 等于 不等于
7、&& 逻辑与
8、|| 逻辑或
9、？：三目运算符
10、= 赋值 最低

逻辑运算符 逻辑与 或 非 结果true false
&& and || or ! 非
对于&& 2个都是true结果才是true，有一个false就是false
对于||，其中一个是ture，就是true，两个都是false才是false

三目运算符 根据不同的条件，执行不同的操作，/返回不同的值
格式：条件？值1：值2；
x>1?“大于”:“小于”；

程序控制语句：
1、条件判断类控制语句

2、多条件分支类控制语句演示：
成绩是100分，显示满分
成绩大于等于90，优秀
大于等于70 良好
大于等于60 及格
否则不及格

3、循环语句
for循环 while循环 do-while循环
需求：1+2+3+4+…+100?

字符函数：
内置函数：
1、字符函数
substring substr charAt split length indexof concat replace
2、日期函数
Date getDate getDay getMonth getFullYear getYear getHours getMinutes getSeconds
3、数学函数
Math.round max min abs
4、转化函数
parseInt parseFloat Number Boolean

substring substr charAt
length indexOf

split concat replace

concat:即可以链接字符串，也可以链接数组

repalce:替换的功能

2、日期函数
Date获取当前的日期
getDate获取几号
getDay 获取星期几
getMonth 当前月份
getFullYear 获取当前的年份
getYear 获取当年的年份
getHours 当前小时
getMinutes 当前分钟
getSeconds 当前秒数

实现2个任务：
1、实现日期的格式化：哪年哪月哪日
2、计算两个日期之间的相差的天数

3、数学函数
Math.round max min abs

在js中数学函数用的不是特别多，自定义函数，内置函数，

课程介绍：
1、数组

2、表单元素的设置
js对表单的操作：初始化、赋值、取值
表单主要作用：在客户端接收用户的数据、然后将数据提交给后台程序进行吧处理比对
js设置或获取各种表单元素的值

现在希望单击按钮，使得文本框内容发生改变
1、单击事件的执行
2、文本框内容发生改变
单击事件：onclick()
刷新事件:onload()
改变事件：onchange()

单选按钮的设置方法

下拉列表框一些设置方法

1、第一个问题：如何动态添加实际的当前的年份。
2、第二个问题：联动 选择的对应的月份，实现28，29，30，31天数
2种方法：
1、选择2月份的时候把28之后的删除，再选择3月份的时候把后面的天数添加回来。
2、选择1月份，相应的天数展现，选择2月份时候把所有的天数都删除，重新添加28天
更加快捷方便

接下来处理闰年的问题：判断的闰年的标准2个：
1、能被4整除，不能被100整除
2、或者能被400整除

学习如何对列表框进行删除：
dd.options.length = 0;

3、DOM和事件的操作
事件主要有2件事
1、在什么时候发生？
2、达到什么效果

什么是事件：
指被程序发现的行为和发生的事情，而且可能会被程序进行处理的。
js事件：on开头，有onclick onchange onload…
键盘事件、鼠标事件、表单事件