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

原创
2015/12/20 22:46
阅读数 52

       第二周过去了,这周学习了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中,如果多个参数都相同的情况,打印的时候一般是输出最后一个参数的值。


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






展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部