【嘉兴东臣php】BOM+DOM+作用域周总结

总结：通过一周的学习，知道了BOM、DOM、作用域。明白了firstChild和firstELementChild的区别，了解了作用域 里的预解析，预解析法则，以及就近原则等，同时通过课后练习实现了增删功能，也知道了deleterow(删除表格中某一行) rowIndex(获取某一行在表格中的位置 通过找父节点来实现) insertCell(加入某一列，可通过innerHTML加入数据)insertrow(同理)，总而言之，知识在每一周都在累积，努力去掌握每一周的知识。

‍一、BOM: 基于浏览器的结构模型

    location：location href=“”；

    history：history go(-1);

    open : open("url");

    navigator : navigator.appName

    screen : screen.width screen.height

‍二、DOM   

    节点：节点其实就是元素标签。

子节点：firstChild、lastChild、firstElementChild、lastElementChild( 首先firstChild在FF下是会识别特殊字符的比如 换行、空格等，在IE下不会，但是firstElementChild 只会返回元素节点。)

                父节点: parentNode  其实就是找上一级的节点元素。

兄弟节点：nextSibling(下一个兄弟节点) 、previousSibling(上一个兄弟节点)、nextElementSibling、previousElementSibling

    事件: 其实就是交互的一个响应动作。

onclick 点击事件

onblur  失焦事件

onfocus 聚焦事件

onkeyup 键盘释放事件

onkeydown 键盘按下事件

onchange 改变值的失焦事件

onsubmit 表单提交事件

onreset 表单重置事件

onmouseover 鼠标移入事件

onmousemove 鼠标移动事件

    函数：其实就是一个代码片段

    两种写法：

        var abc = function(){

}

function abc(){

}

表单：<form> 用于提交表单内输入的信息。

action: URL地址

method：GET POST

GET：

URL为明文 也就是显示在地址栏里

相对不安全

长度是有一定的限制的。 

POST：

URL为密文

相对安全

长度相对没有限制

name：表格如须提交，一点要加NAME

enctype：支持文件上传

内部标签：

<input type="text"/> 单行文本框

<input type="checkbox"/> 复选框

<input type="submit"/> 提交按钮

<input type="button"/> 按钮

<input type="password"/> 密码框

<input type="radio"/> 单选框

<input type="reset"/> 重置按钮

<input type="hidden"/> 隐藏框

<button></button> 按钮

<select><option value="1">AAA</option></select> 下拉菜单

<textarea></textarea> 富文本 cols 列 rows 行

         disabled 不可用  readonly 只读

3、作用域

        预解析：事先把程序里的var 和 function 预编译，而后再按照执行顺序从上到下执行。

预解析法则：

1、JS里没有块作用域，只有函数作用域，全局的变量，在局部是可以使用，但是局部的变量，全局不可以使用。

2、就近原则。特指在函数作用域内，如果作用域内有被定义，那么就取作用域内的变量，如果没有，则去外层找。在作用域内如果变量没有加var，而这个已经被定义，那么这个变量就是全局变量。

3、在JS中，如果参数和局部变量相同的话，会有优先级概念，一般会相当于在局部内定义了一个变量var，而不去找全局的变量。

4、在JS中，如果多个参数都相同的情况，打印的时候一般是输出最后一个参数的值。