黑马程序员技术交流社区

标题: [石家庄校区]--javascript高级 [打印本页]

作者: 毕业后八块腹肌    时间: 2018-12-17 15:18
标题: [石家庄校区]--javascript高级
BOM

1. 概念:Browser Object Model 浏览器对象模型

2. 组成:

        * Window:窗口对象

        * Navigator:浏览器对象

        * Screen:显示器屏幕对象

        * History:历史记录对象

        * Location:地址栏对象

3. 属性:

        1. 获取其他BOM对象:

            history

            location

            Navigator

            Screen:

        2. 获取DOM对象

            document

4. 特点

        * Window对象不需要创建可以直接使用 window使用。 window.方法名();

        * window引用可以省略。  方法名();


4. Location:地址栏对象

        1. 创建(获取):

                1. window.location

                2. location


        2. 方法:

                * reload()        重新加载当前文档。刷新

        3. 属性

                * href        设置或返回完整的 URL。

5. History:历史记录对象

    1. 创建(获取):

        1. window.history

        2. history


    2. 方法:

        * back()        加载 history 列表中的前一个 URL。

        * forward()        加载 history 列表中的下一个 URL。

        * go(参数)        加载 history 列表中的某个具体页面。

            * 参数:

                * 正数:前进几个历史记录

                * 负数:后退几个历史记录


3. 属性:

        * length        返回当前窗口历史列表中的 URL 数量

DOM

* 概念: Document Object Model 文档对象模型

        * 将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行CRUD的动态操作

* W3C DOM 标准被分为 3 个不同的部分:


        * 核心 DOM - 针对任何结构化文档的标准模型

                * Document:文档对象

                * Element:元素对象

                * Attribute:属性对象

                * Text:文本对象

                * Comment:注释对象


                * Node:节点对象,其他5个的父对象

        * XML DOM - 针对 XML 文档的标准模型

        * HTML DOM - 针对 HTML 文档的标准模型


事件

        单机事件

                onclick

        双击事件

                ondblclick

        获得焦点

                onfocus

        失去焦点

                onblur

        页面加载完成事件

                onload

        表单提交的事件

                onsubmit


dom

        dom树形结构


        document

                document.getElementById()

                document.getElementsByName()

                document.getElementsByTagName()

                document.getElementsByClassName()


                docuemnt.createElement()

                document.createTextNode()



        element

                appendChild()

                removeChild()

                setAttribute()

                removeAttribute()

                innerHTML                替换

        attribute

        text


        node












欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2