[妙味DOM] 第二课：DOM、BOM相关方法及属性

        tHead
        tBodies
        tFoot
            rows  行
            cells 列

    表单可以通过name来获取元素：表单.name值
    onchange   当值发生改变时触发
        text:    当光标移开时触发
        radio/checkbox:    标准下点击改变就触发，非标准下改变并光标离开时才触发(推荐使用onclick)
        select: 值发生改变时触发

    onsubmit 事件  当提交表单时触发
    submit() 方法，比如：页面加载时过几秒跳转到另一个页面

    onreset  事件  当重置表单时触发
    选择对话框 confirm() 确定和取消的操作，确定为true,取消为false

    BOM 浏览器对象模型
    open(url,打开窗口的方式)，返回值为新窗口的window对象。如果不写参数，默认打开一个新的空白窗口
    window.close();
        存在兼容性问题：
        1、IE ：询问是否关闭
        2、FF、safari ：无法关闭
        3、chrome  ：关闭窗口
    close()，可以关闭用open()方法打开的窗口

    window.navigator.userAgent  浏览器信息
    window.navigator.userAgent.indexOf(‘MSIE‘)

    window.locate  url地址，是一个对象，因此有属性
    window.locate.href  url信息
    window.locate.search  url?后面的内容
    window.locate.hash url#后面的内容

可视区尺寸：
        document.documentElement.clientWidth
        document.documentElement.clientHeight
    滚动距离：
        document.documentElement.scrollLeft/scrollTop
        document.body.scrollLeft/scrollTop   =>针对chrome

        处理兼容性：
        var scroll = document.documentElement.scrollTop || document.body.scrollTop

    内容高(盒子里除边框外，能放东西的高）：
        document.body.scrollHeight/scrollWidth
        元素.scrollHeight/scrollWidth

    文档高度：
        document.body.offsetHeight(推荐)
        document.documentElement.offsetHeight使用会存在兼容问题

　　clientHeight = height+padding
　　offsetHeight = height+padding+border    /   clientHeight+border