DMO:文档对象模型
    分成三个部分:
        1.XML DOM
        2.核心 DOM
        3.HTML DOM
    
    核心DOM
        ○ Document
        ○ Comment
        ○ Element
        ○ Attribute
        ○ TextNode
        ○ Node
    
    Dommcument文档对象
        1.创建
            从window中获取,window.document,window可以省略
        2.方法
            § 获取Element元素对象的方法
                □ getElementById("id名称")获取一个元素对象
                □ getElementsByClassName("class名称")获取一个对象数组
                □ getElementsByTagName("标签名称")获取一个对象数组
                □ getElementsByName("name属性值")获取一个对象数组
            § 创建其他DOM对象
                □ createElement("标签名称")
                □ createTextNode("文本内容")
                □ createAttribute("属性")
                □ createComment("注释")
                
        3.属性
            title 返回当前文档的标题
            URL 返回当前文档的URL
        4.特点
            Comment注释对象
    
    Comment注释对象
    
    
    Element元素对象
        1.创建
            有两种方式创建
            § 通过文档document的获取元素对象的方法来获取元素对象
            § 通过document.createElement()来创建元素对象
        2.方法
        3.属性
        4.特点
        
    
    
    Node节点对象 节点操作
        节点对象可以是元素节点,属性节点,文本节点,任何接待你都有父节点和子节点,但是文本节点没有子父节点
        
        方法:
            CRUD操作 添加节点,删除节点,查找结点,修改节点(替换节点)
                □ 添加节点 addendChild() 向父结点中添加子节点
                □ 删除节点 removeChild() 从父结点中删除子节点
                □ 替换节点 replaceChild() 用一个新节点替换与原来的节点
        属性:
            parentNod:获取子节点的父节点
            chilcNodes:获取父节点的所有子节点
            firstChild:获取父节点中的第一个子节点
            lastChild:获取父节点中的最后一个子节点
    Event事件对象
        概念:某些组件被执行了一些操作,会触发一些功能效果.
        事件中有几个因素:
            事件:某些操作(功能,方法)如:单击,双击,键盘按下,键盘弹起…
            事件源:组件 被操作的对象 元素/标签 输入框 超链接 按钮
            监听器:web三剑客:Listener Filter Servlet(服务中间件,桥梁连接前端和后端)执行事件的代码  网页三剑客:HTML CSS JS
            注册监听:将时间,事件源.监听器三者绑定到一起,就叫注册监听,当事件源上发生了某个事件,则会触发执行某个监听器代码
        
        常见的事件:
            1.点击事件
                单击事件onclick
                双击事件ondblclick
            2.焦点事件
                获取焦点 onfocus
                失去焦点 onblur
            3.加载时间
                onload 一个页面或者一张图像完成加载
            4.鼠标事件
                鼠标按键按下: onmousedown
                鼠标按键松开;onmouseup
                鼠标离开:onmouseout
                鼠标移动:onmousemove
                鼠标悬浮到某元素上:onmouseover
            5.键盘事件
                键盘按下:onkeydown
                键盘松开:onkeyup
                键盘按下并松开:onkeypress
            6.表单事件
                表单提交:onsubmit
                表单重置:onreset
            7.选择与改变
                onchange:文本内容发生改变
                onselect:文本被选中触发
                
    HTML DOM 标签对象
        1.标签体内容获取和设置    属性:innerHTML(可以插入文本内容和标签以及组合标签) innerText(文本内容)
        2.使用html标签对象拥有的属性的
        3.可以通过标签对象 更改标签的样式:style属性 通过style属性设置css样式
            div.style.border = "1px solid black";
            div.style.backgroundImage = "url(图像路径)"
            一般不推荐 使用css代码提前设置
            通过className属性给该标签设置对应的class值
            



Mysql数据库
    ? 为什么学习数据库?
    1. web中的数据量非常大
    2.数据不方柏霓存储和管理
    ? 什么是数据库: 用于存储和管理数据的仓库
    ? 数据库的特点:
        ○ 数据可以实现出现持久化存储,其实数据库就是一个文件系统
        ○ 可以很方便的存储和管理数据
        ○ 数据库定义了统一的方式来操作数据库  --SQL  Structure Quary Lanaguage  结构化查询语言

    常见的数据库软件
        ○ Oracle  收费的大型关系型数据库
        ○ Mysql  开源免费数据库  中小型的关系型数据库
        ○ PSL  免费的数据库
        ○ DB2  IBM公司  收费,常用在银行系统中
        ○ Redis  免费的,非关系型数据库  key-value键值对
        ○ MongoDB  非关系型数据库 key-value键值对
        ○ SQL server
    
        
    

java DOM Mysql