【嘉兴东臣php】JS BOM DOM周总结

       第二周过去了，这周学习了JS访问页面内容的功能，也就是BOM和DOM，BOM和DOM是独立于程序语言的和平台的标准，W3C定义了一组标准接口，而这些接口在浏览器中以对象的形式实现。BOM和DOM均由一组对象组成，对象定义了属性和方法。

一、BOM

     BOM ：针对于浏览器操作的结构模型,并不是学习的重点，了解一下就可以了。

    1、history ： 例如：history.go(-1) 上一级页面

    2、location ：例如：location.href="网址";当前窗口跳转页面

    3、open : 例如：open("网址") 新窗口打开网址

    4、close : 例如：window.close() 关闭当前窗口

    5、setTimeout( 代码片段，执行时间(毫秒) ); 定时器

    6、setInterval( 代码片段，定时调用的间隔时间(毫秒))

    7、window.screen.width    window.screen.height 屏幕的分辨率

二、DOM

    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，不然后台接受不到。

三、作用域

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

    预解析法则：

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

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

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

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

个人总结：这周学习的东西有点多，周六休息了一天没敲代码，周日复习就变得吃力起来了，敲代码这活还是一天都不能断啊。有时候上课看着屏幕看着看着就走神了，还好能及时回来，不然就走远了。下周还是要继续努力啊。

转载于:https://my.oschina.net/u/2545468/blog/548227