黑马就业班第三天js的函数及json

                                    
-----------------------------js的函数----------------------------------------------------------------------------------
1>  在js里面定义函数有三种方式
【第一种】：使用关键字function方法名称（参数列表）{方法体和返回值}
*注意；1.参数列表，参数列表不需要写var，因为所有的都是用var定义的，直接写参数名称
       2.返回值，，，根据实际需求也有，可不有

【第二种】：匿名函数，使用关键字function方法名称（参数列表）{方法体和返回值}
*注意：1.参数列表，参数列表不需要写var，因为所有的都是用var定义的，直接写参数名称
       2.要在function前面写个东西var接收

第三种：动态函数（包含参数列表和方法体返回值都是通过参数传递的）  
*注意：1.参数列表，参数列表不需要写var，因为所有的都是用var定义的，直接写参数名称
       
-----------------------------js的函数的重载----------------------------------------------------------------------------
【重载】：方法名称相同，参数列表不同
*在js里面不存在函数重载    但是可以使用js函数里面的argument模拟重载的效果
*在js函数里面有一个数组 argument，保存传递进来的参数
同名函数，会覆盖前面的函数

-----------------------------js的事件 ----------------------------------------------------------------------------------------
定义：在html的元素里面可以触发时间调用js里面的函数
在html标签上面绑定事件 有三种方式
        第一种方式：在标签里面加上事件的属性，调用js方法<input type="button" value="名字" onclick="add1();"/>
        第二种方式：绑定事件
        第三种方式：首先得到绑定的标签，写js的代码

-----------------------------js的常用的事件 -------------------------------------------------------------------------------------
1-->onload 事件和onclick事件
【onload定义】：html页面在加载时候出发时间，调用响应的js方法
【onclick定义】：鼠标点击事件

2-->onfocus 事件和onblur事件
【onfocus定义】：获取焦点
【onblur定义】：失去焦点

3-->onmouseover事件和onmouseout事件
【onmouseover定义】：鼠标移动到某元素上
【onmouseout定义】：鼠标从某元素移开

4-->onkeypress事件
【onkeypress】点击键盘上的某个键，调用方法

-----------------------------【js的dom对象】---------------------------------------------------------------------------------------
全称：document object model：文档对象模型
****使用dom里面提供的对象里面的属性和方法，对标记型文档进行操作
要想使用dom对象标记型文档进行操作，首先需要解析标记型文档

2》使用dom解析html
解析过程：根据html的层级结构在内存中分配一个树形结构
document对象，代表整个文档
element对象，代表标签
属性对象
文本对象
Node节点对象，是这些对象的父对象，在找不到想要使用的方法，到Node里面找

DHTML，不是一种技术，是很多技术的简称
包含的技术：
html：封装数据
css：使用属性和属性值修改数据的样式
ECMAScript：语句和语法
Dom：对标记型文档进行操作

-----------------------------【document对象】 ---------------------------------
1>document对象代表整个文档
2>【方法】：
*     write()：                  向页面输出内容,也可以输出html代码
**     getElementById():          获取标签对象，通过标签的id值进行获取
***     【getElementsByName()】:   根据标签里面name属性的值得到标签对象，返回数组
****    【getElementsByTagName()】:根据标签的名称获取标签对象，返回数组

----------------------------- 【innerHTML属性】---------------------------------
1》 innerHTML属性不是dom里面的属性
2》功能：
        第一个；获取标签里面的文本内容
    第二个；向标签里面设置内容（可以写html代码）有覆盖的作用

-----------------------------【表单数据的提交方式】 ---------------------------------


-----------------------------表单的校验 ---------------------------------
第一个，使用submit表单提交，进行表单校验
  需要使用到事件  onsubmit ，这个事件需要写在form标签里面
  如果return返回的值是true可以提交表单，如果是false就不能提交
第二个，
----------------------------- 【json】---------------------------------
定义：对象表示法，json是数据的交换格式。是js的原生的格式，通过js操作json不需要依赖其他东西，直接对json格式进行操作
两种数据格式
1    json的对象的格式   
写法；名称和值之间使用冒号隔开，多个值之间使用逗号隔开
jaon数据的名称是字符串的类型，值可以是任何的类型
类似于key-value形式

2    json数组的格式
写法[json对象1，json对象2.。。。。。]
在数组里面有多个json对象，多个json对象之间使用逗号进行隔开
----------------------------- ---------------------------------
【【【【【【【【【【【【【【【【【【【【【【【【【【1.能够使用JS函数的两种常用的定义方式
2.*能够使用事件绑定常用的两种方式（重点）
3.*能够说出常用的事件的作用（重点）
4.能够说出DOM解析HTML的过程以及生成的5个对象
5.*能够使用document对象的常用的方法和innerHTML（重点）
6.*能够完成表单的两种校验方式（课上的简单案例）（重点）
7.*能够解析JSON完成动态生成表格的案例（重点）】】】】】】】】】】】】】】】】】】