BOM、Intervale、Document

javascript组成部分

    ECMAscript:描述的是JavaScript语法
    BOM:Browser Object Moder (浏览器对象模型)  没有标准
    作用:
        结合JavaScript和BOM里提供的属性和方法对浏览器进行操作
        window是最顶级的 所有的对象和函数都属于window
 
 

    BOM的组成部分:

        window(窗口)

            属性
                name:给窗口名称
                status:状态栏
            方法
                三种弹出对话框的方法:
                    alert()    弹出确认框  
                    confirm()    选择框        true false
                    prompt()     弹出输入框    字符串
                两种弹出窗口的方法
                    open("弹出窗口的地址","弹出窗口名称","弹出窗口的参数")            普通窗口
                    showModalDialog("弹出窗口的地址","弹出窗口名称","弹出窗口的参数")        模式窗口
                    在internet设置 选项设置里面可以更改弹出窗口如何显示 是在新页面打开还是弹出
                open
                    toolbar指的是工具栏     toobar=1
                    menubar指的是菜单栏    menubar=1
                    scrollbars指的是滚动条    scrollbars=1
                    titlebar指的是标题栏        titlebar=1
                    resizable指的是可以调整大小    resizable=1可以调整 resizbale=0不可以调整大小
                    status指的是状态栏        status=1
                    location值的是地址栏    location=1
        window.open("ads.html","广告","width=800,resizable=0,height=500,toolbar=1,menubar=1,scrollbars=1");
 
                showModalDialog ****注意写法 Modal 不是Model  Dialog不是DiaLog
                    
        showModalDialog("ads.html","广告","dialogWidth=800px,dialogHeight=500px,toolbar=1,menubar=1,scrollbars=1")
                    模式窗口下只能关闭模式窗口后才能对之前的页面进行操作

         两种定时器的方法

                    var t = setInterval("反复执行的js代码",5000)    5000指的是毫秒    启动定时器
                    clearInterval(定时器的名称t)    
                    
                    var t = setTimeout("反复执行的代码",5000)
                    clearTimeout(定时器的名称(t))
                    
                    实现代码
                    setInterval（f,10） 一般不写反复执行的代码 而是用一个函数代替他 注意函数的写法只写一个f不加括号
                    function f(){
                        alert(1);
                    }
                    每次点击定时器会进行累加 解决方案在setInterval(f,10)之间写一个clearInterval(定时器的名字);
 

            document(文档对象)方法

                
                找对象的方法:
                    getElementById()    通过id找到对象 唯一的    
                    getElementsByName()    通过name找对象    一组对象    集合    按数组方式进行操作 表单
                    getElementsByTagName()    通过标签名去找对象    一组对象    集合    按数组方式进行操作      
                        只要是通过getElementsByTagName()找对象 不管对象有几个 都是数组形式
                对象操作(获取    设置):
                    属性:标签属性进行操作 type 、value、abled、readonly......
                    样式:CSS属性    
                    内容:
                        value:表单元素
                        innerHTML:除了表单元素的标签 都用这个获取   
                        innerHTML识别标签 获取的时候会把内部的标签都一块获取 就是获取的内容有<p></p>+内容这样的东西    还可以innerHTML="<img src=("")>"将图片或者别的东西都添加进去 而innerText不行
                        innerText:火狐浏览器不太兼容这个
                            innerText不识别标签  获取的时候只会获取文本内容
 
                    对象.属性
                    对象.方法      
            事件:
                onclick
                onsubmit
                onblur
                onfocus
                onload
                onunload    指的是页面卸载事件 就是浏览器关闭的时候
                onmouseover 鼠标经过时的事件
                onmouseout   鼠标移开的时候触发的事件
 
            history(历史)对象
            location(地址)对象
            navigator(导航栏)对象
            screnn(屏幕)
 
    DOM:Document Object Model  文档对象模型(树形结构)
        html dom:结合JavaScript和DOM里提供的属性和方法对HTML进行操作
        document核心对象
 
一些注意事项
 
小广告 减去高度和宽度的一半 这种方式可以让广告的位置始终在页面的最中间
scrollTop:滚动条距离顶端的距离 默认值为0
offsetHeight:获取对象的实际高度 包括边框和内边距
offsetWidth:获取对象的实际宽度 包括边框和内边距
定时器再次开始的时候要写名字 要不然会出现定时器的累加 累加越多次 定时器的间隔时间缩小越多的倍数次  停不下来
document.body.clientWidth 获取浏览器的宽度
clientWidth 获取可视化区域的宽度
clientHeight可视化区域的高度
document.style.width  只能获得行内样式表的值
 
lis[i].className=""; className也是一个属性