Java Web（三）

JavaScript

1、变量
1）使用var关键字声明变量 ： var 变量名； （声明时不需要指定类型 必须先声明再使用）
2）五种原始类型：number String boolean null underfined，剩下的都是对象：object
3）赋值：变量名=值；（变量在使用过程中可以接受不同类型的值，也可动态改值）
4）判断一个变量的类型：typeof
5）null类型是不能用typeof判断出来的，判断出来的是object；
变量如果声明出来而没有赋值就是underfined
2、函数
1）声明函数
①function 方法名（参数名，参数名）{方法体}
方法不管在哪里声明，浏览器都会优先加载
②将方法赋值给一个变量
var 变量名=function（）{方法体}
2）调用函数
①方法名（参数表）;
②方法名=变量名： 变量名（）；
在js中方法的唯一标识就是方法名，没有方法重载，调用方法的时候参数是可以选传的
3、对象
1）创建对象的方式
①var obj=new Object（）;
②var obj={}；
2）动态向对象中添加属性: 对象.属性=”属性值”
为对象添加方法：对象.属性=function（）{}；
3）获取属性值:
对象.属性名；
对象.属性名（）；
4、事件：文档或浏览器窗口中发生的一些特定的交互瞬间（用户与文档、浏览器的交互行为。比如：点击按钮，鼠标移动，文档加载完成）

动态为元素绑定事件的步骤：
1） 找到要绑定事件的元素
2） 为元素相应的事件属性赋值一个响应方法
3） 当事件触发以后浏览器就会自动调用
window.onload：浏览器加载完成整个页面的时候调用后面的方法

window.onload=function（）{
     // 找到元素
var btn=document.getElementById(“id值”);
  //为元素绑定相应事件
btn.onclick=function（）{
   
};
};

5、加载方式
1）在head中script标签写，需要用window.onload加载
2）写在body标签后边，但不符合习惯，只要写在要获取的元素后面即可
3）引入外部的js文件：通过script标签的src属性，指定外部js文件的位置

  <script type=”text/javascript”  src=" "></script>

DOM（Document Object Model文档对象模型）
定义了表示和修改文档所需的对象，这些对象的行为和属性以及这些对象之间的关系，可以把DOM认为是页面上数据和结构的一个树形表示。简单来说就是：把整个html文档都封装成了一个对象，包括里面的每一个元素。按照包含关系，可以绘制一个dom树。
1、节点：Node–构成HTML文档最基本的单元
1）节点分类：
元素节点：HTML文档中的HTML标签 代表一整个元素
属性节点：元素的属性，通过手动调用ele.getAttributeNode(“属性名”)
文本节点：HTML标签中的文本内容
2）节点属性：所有节点的nodeType值都会返回一个整数
nodeName：节点名 nodeType：节点类型 nodeValue：节点值

2、document对象
是一个文档节点，代表整个文档，所有节点都是它的后代节点 它是window的对象的属性，可以直接使用
1）dom查询
获取元素节点：通过document对象调用
① 通过id属性值获取一个元素节点对象 getElementById（“id值”）
② 通过标签名获取一组元素节点对象 getElementsByTagName（“标签名”）
③ 通过name属性获取一组元素节点对象 getElementsByName（“name值”） 通常用于表单项
获取元素节点的子节点：通过具体的元素节点调用
① getElementsByTagName()方法：返回当前节点的指定标签名的子节点
② childNodes属性：表示当前节点的所有子节点
③ firstChild属性：表示当前节点的第一个子节点
④ lastChild属性：表示当前节点的最后一个子节点
获取父节点和兄弟节点：通过具体的节点调用
① parentNode属性：表示当前节点的父节点
② previousSibling属性：表示当前节点的前一个兄弟节点
③ nextSibling属性：表示当前节点的后一个兄弟节点
元素节点的属性
① 获取：元素对象.属性名
② 设置：元素对象.属性名=新的值
③ nodeValue：文本节点通过nodeValue获取和设置文本节点的内容
④ innerHTML：元素节点通过该属性获取和设置标签内部的html代码
⑤ innerText：元素节点获取标签内的文本

2）dom增删改
①document.createElement（“标签名”）：创建元素节点并返回，但不会自动添加到文档中
② element.appendChild（ele）：将ele添加到element所有子节点后面
③ parentEle.insertBefore（newEle，targetEle）：将newEle插入到targetEle前面
④ parentEle.replaceChild（newEle，oldEle）：用新节点替换原有的旧子节点
⑤ parentEle.removeChild（childNode）：删除指定的子节点