# day03 JavaScript
##JS 概述
* 运行在浏览器端的脚本语言!
* 弱变量类型语言

##JavaScript的组成：
* ECMAScript：JavaScript的基本的语法
* BOM：Browser Object Model   
* DOM：Document Object Model   

##JS的用途
* 使页面更加丰富,使页面动起来！！！

##JS的数据类型
* JS将数据类型分成两类：
* 原始类型：`undefined,boolean,string,number,null`
* 引用类型：`对象类型.对象类型默认值是null.`
   
##JS的运算符
* JS中的运算符与Java中基本一致！
* JS中有一个 === 全等于.全等于是类型和值都一致的情况下才为true.

##JS的语句
* JS中的语句与Java的语句一致！

##JS的通常开发的步骤
* JS通常都由一个事件触发.确定事件
```
* 常用事件：
onload 某个页面或图像被完成加载
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmousemove 鼠标被移动
onblur 元素失去焦点
onfocus 元素获得焦点
onsubmit 提交按钮被点击
onchange 下拉列表改变事件.
ondblclick:双击某个元素的事件.
```
* 定义一个函数.
* `function 函数名称(){// 函数体}`
* 获得操作对象的控制权.
* 修改要操作的对象的属性或值.

##JS的引入方式
* 一种：页面内直接编写JS代码,JS代码需要使用<script></script>.
* 二种：将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.

##JS的正则的匹配:
* 使用String对象中的match方法.
* 使用正则对象中的test方法.

##JS中的Window对象的定时的操作
*
```
* setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。
* setTimeout()在指定的毫秒数后调用函数或计算表达式。
* clearInterval()取消由 setInterval() 设置的 timeout。
* clearTimeout()取消由 setTimeout() 方法设置的 timeout。
* alert() alert() 显示带有一段消息和一个确认按钮的警告框。
```

##BOM对象中的方法：
* Window
```
* getElementById() 返回对拥有指定 id 的第一个对象的引用。
* getElementsByName() 返回带有指定名称的对象集合。
* getElementsByTagName() 返回带有指定标签名的对象集合。
```
* Navigator:
* Screen:
```
height 返回显示屏幕的高度。
width 返回显示器屏幕的宽度。
```
* History:
```
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个
go() 加载 history 列表中的某个具体页面。
```
* Location:

##DOM中的常用方法
* 操作树形结构中的节点：
```
创建元素：createElement(),createTextNode();
获得元素：getElementById(),getElementsByName(),getElementsByTagName()
插入元素：appendChild(),insertBefore();
修改元素：innerHTML修改.
删除元素：remove()
```

##JS的内置对象常用
*
```
new Array(element0, element1, ..., elementn);
random() 返回 0 ~ 1 之间的随机数。
round(x) 把数四舍五入为最接近的整数。
parseInt() 解析一个字符串并返回一个整数。
decodeURI() 解码某个编码的 URI。
decodeURIComponent() 解码一个编码的 URI 组件。
encodeURI() 把字符串编码为 URI
encodeURIComponent() 把字符串编码为 URI 组件。
```

# day03 JavaScript
##JS 概述
* 运行在浏览器端的脚本语言!
* 弱变量类型语言

##JavaScript的组成：
* ECMAScript：JavaScript的基本的语法
* BOM：Browser Object Model   
* DOM：Document Object Model   

##JS的用途
* 使页面更加丰富,使页面动起来！！！

##JS的数据类型
* JS将数据类型分成两类：
* 原始类型：`undefined,boolean,string,number,null`
* 引用类型：`对象类型.对象类型默认值是null.`
   
##JS的运算符
* JS中的运算符与Java中基本一致！
* JS中有一个 === 全等于.全等于是类型和值都一致的情况下才为true.

##JS的语句
* JS中的语句与Java的语句一致！

##JS的通常开发的步骤
* JS通常都由一个事件触发.确定事件
```
* 常用事件：
onload 某个页面或图像被完成加载
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onmousemove 鼠标被移动
onblur 元素失去焦点
onfocus 元素获得焦点
onsubmit 提交按钮被点击
onchange 下拉列表改变事件.
ondblclick:双击某个元素的事件.
```
* 定义一个函数.
* `function 函数名称(){// 函数体}`
* 获得操作对象的控制权.
* 修改要操作的对象的属性或值.

##JS的引入方式
* 一种：页面内直接编写JS代码,JS代码需要使用<script></script>.
* 二种：将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.

##JS的正则的匹配:
* 使用String对象中的match方法.
* 使用正则对象中的test方法.

##JS中的Window对象的定时的操作
*
```
* setInterval()按照指定的周期（以毫秒计）来调用函数或计算表达式。
* setTimeout()在指定的毫秒数后调用函数或计算表达式。
* clearInterval()取消由 setInterval() 设置的 timeout。
* clearTimeout()取消由 setTimeout() 方法设置的 timeout。
* alert() alert() 显示带有一段消息和一个确认按钮的警告框。
```

##BOM对象中的方法：
* Window
```
* getElementById() 返回对拥有指定 id 的第一个对象的引用。
* getElementsByName() 返回带有指定名称的对象集合。
* getElementsByTagName() 返回带有指定标签名的对象集合。
```
* Navigator:
* Screen:
```
height 返回显示屏幕的高度。
width 返回显示器屏幕的宽度。
```
* History:
```
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个
go() 加载 history 列表中的某个具体页面。
```
* Location:

##DOM中的常用方法
* 操作树形结构中的节点：
```
创建元素：createElement(),createTextNode();
获得元素：getElementById(),getElementsByName(),getElementsByTagName()
插入元素：appendChild(),insertBefore();
修改元素：innerHTML修改.
删除元素：remove()
```

##JS的内置对象常用
*
```
new Array(element0, element1, ..., elementn);
random() 返回 0 ~ 1 之间的随机数。
round(x) 把数四舍五入为最接近的整数。
parseInt() 解析一个字符串并返回一个整数。
decodeURI() 解码某个编码的 URI。
decodeURIComponent() 解码一个编码的 URI 组件。
encodeURI() 把字符串编码为 URI
encodeURIComponent() 把字符串编码为 URI 组件。
```