JavaScript入门

一、js简介

1、js:JavaScript的简称 脚本语言

2、动态页面（人机交互） 静态页面

3、js不需要安装直接使用

4、什么是BOM浏览器对象模型 DOM文档对象模型

二、js变量：

1、与其他程序语言相同的，用来临时存储信息的

2、举例：

创建1：var x = 1; var name = “jackson”; var x = 2,name = “rose”;

创建2：var x; x = 1;

注：var:弱数据类型

3、js中变量，区分类型的，但是没有int之类的关键字。

三、js调试：

1、alert()弹框调试；

2、console.log()控制台输出调试；

3、作用：观察变量值的变化规律

4、举例：

（1）alert(name);

（2）console.log(name);

四、js函数：

1、函数：方法

2、js函数分为2种自定义函数、内置函数

3、自定义函数：完成某一功能的代码段，可重复执行，方便管理和维护

4、举例：

1：function fun1(x){  //这种是函数声明，可以先使用后定义
代码段
return//返回值  ***;
}

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

五、数据类型：

1、number 数字类型，整形，浮点型都包括

2、string 字符串类型，必须放在单引号或者双引号中

3、boolean 布尔类型，只有true,false

4、underfine 未定义，一般指的是已经声明，但是没有赋值的变量。

5、null 空对象类型，var a = null和var a = “”;

6、特殊类型：

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

7、类型转换：

（1）parseInt() 转换为整形

（2）parseFloat() 浮点类型：带小数点的

（3）Number() 包括整形和小数点的

（4）Boolean() 逻辑类型

（5）隐式类型转换

（6）强制类型转换

六、变量作用域

1、局部变量：在函数内部创建变量，其他函数不能使用。

2、全局变量：在函数外部创建的变量，在函数之间的可以共享使用。

七、运算符

1、比较运算符：用于比较2个值，结果是true、false

2、运算符范围：> >= != < <=

3、举例：x<10为true x = 2

4、运算符的优先级

（1）() 小括号 最高

（2）++ – 自加和自减

（3）* / % 乘 除 取模

（4）+ - 加 减

（5）< <= > >= 逻辑运算

（6）== ！= 等于 不等于

（7）&& 逻辑与

（8）|| 逻辑或

（9）？：三目运算符

（10）= 赋值

5、部分运算符的注意事项

（1）对于逻辑与&&， 2个都是true结果才是true，有一个false就是false

（2）对于逻辑或||，其中一个是ture，就是true，两个都是false才是false

（3）三目运算符 根据不同的条件，执行不同的操作，/返回不同的值

格式：条件？值1：值2；

举例：

八、程序控制语句：

1、条件判断类控制语句

2、多条件分支类控制语句：

成绩是100分，显示满分
成绩大于等于90，优秀
大于等于70 良好
大于等于60 及格
否则不及格

3、循环语句

（1）for循环 举例：

（2）while循环

（3）do-while循环

九、函数：

1、字符函数

substring substr charAt split length indexof concat replace

举例：substring substr charAt length indexOf


举例：split concat replace

举例：concat即可以链接字符串，也可以链接数组

举例：repalce替换的功能

2、日期函数

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

举例：计算两个日期之间的相差的天数

3、数学函数

Math.round max min abs

4、转化函数

parseInt parseFloat Number Boolean

十、数组

十一、事件

1、什么是事件：

（1）指被程序发现的行为和发生的事情，而且可能会被程序进行处理的。

（2）js事件：键盘事件、鼠标事件、表单事件；on开头，有onclick onchange onload…

2、鼠标事件：

（1）onclick 单击事件：

（2）ondblclick 双击时间

（3）onmouseover 鼠标指针移动到指定的元素上时发生

（4）onmouseout 鼠标指针移出指定的对象时发生

（5）onmousedown 事件会在鼠标按键被按下时发生

3、键盘事件：

（1）onkeydown 某个键被按下触发事件

（2）onkeyup 某个键弹起触发事件

（3）onkeypress某个键完整的按下弹起的过程

4、表单事件：

（1）js对表单的操作：初始化、赋值、取值

（2）表单主要作用：在客户端接收用户的数据、然后将数据提交给后台程序进行吧处理比对

（3）js设置获取各种表单元素的值

（4）onfoucs 输入框获得焦点

（5）onsubmit 提交按钮触发的事件

（6）onblur 输入框失去焦点

（7）onchange 文本框内容发生改变

十二、如何对列表框进行删除：

dd.options.length = 0;

十三、DOM （Document Object Model）

1、含义与作用：将文档页面表现为结构化的表示方法，使得每个页面的元素都是可操控的DOM将网页和脚本以及其他编程语言联系了起来

2、特点：利用js控制页面的所有元素，使得页面更加完善

3、分类：元素节点、属性节点、文本节点

4、常用的DOM操作：

（1）getElementById 返回带有指定id的元素
（2）getElementsByName 获取相同名称name的元素的节点列表
（3）getElementsByTagName 返回包含带有指定标签名称的所有元素的节点列表
（4）getElementsByClassName 返回包含带有指定类名的所有元素的节点列表