DOM笔记

onscroll:滚动条事件    window
    window.οnscrοll=function(){
        f();
    };
    
    window.οnscrοll=f;
    function f(){
 
    };
window.close();    关闭浏览器    
 
 
 
onscroll：滚动条事件 window
close()
 
className:
scrollTop:
clientWidth:
clientHeight:
offsetWidth:
offsetHeight:
 
 
setInterval():每隔多长时间反复执行的
setTimeout():每隔多长时间只执行一次
 
setTimeout要实现反复执行 要用递归函数 递归调用一下
setTimeout(show,100);
function show(){
    alert(1);
    setTimeout(show,100);    
}
 
 
 
window:
    document:
    location:(地址)
        href         是属性
        reload()        是方法        刷新 刷新后可以后撤
        replace()        是方法        替换 替换后不能后撤
        html里面只有<a>和<form></form>实现跳转 要想每个标签每个对象都实现跳转的话要用js window.loaction() 一般window都省略
        window.location.href="xxx.html"
    history:
        go()    前进    go(0) 刷新     1 2 3 前进      -1 -2 -3 后退
        back()    后退    只表示后退
    navigator
        appName:获取浏览器的名称
        appCodeName:获取浏览器的代码名称
        appVersion:获取浏览器的版本信息
    screen
        height
        width
        分别得到当前屏幕分辨率的高和宽
 
DOM:文档对象模型 Document Object Model
    对HTML中的标签 增删改查
    整个文档是一个文档节点哪就是document节点
    接下来是一个根节点 根节点只有一个就是html节点
    然后是父节点 子节点  
        标签在这里叫做元素节点 标签里面的属性叫做属性节点 文本内容叫做文本节点
 
文档节点        document
根节点        documentElement
父节点        parentNode
子节点        childNodes
前一个兄弟节点    previousSibling
下一个兄弟节点    nextSibling
属性节点        attributes
 
 
第一个子节点    firstChild
最后一个子节点    lastChild
 
节点类型
    文档节点
    元素节点
    属性节点
    文本节点
    注释节点
nodeType
nodeName
 
    利用dom提供属性和方法结合js对html文档操作
        DOM属性:
            documentElement    根节点
            parentNode    父节点
            childNodes    子节点
            previousSibling    前一个兄弟节点
            nextSibling    下一个兄弟节点
            firstChild        第一个子节点
            lastChild        最后一个子节点
            attributes        属性节点
        
            nodeName    节点名称
            nodeType        节点类型        值只能为数字
                    1    元素节点
                    2    属性节点
                    3     文本节点
                    8    注释节点
                    9    文档节点
            nodeValue    节点值
    节点类型
    节点与节点之间的关系
    DOM的方法
        getElementById()
        getElementsByName()
        getElementsByTagName()
 
        getAttribute()得到对象的属性    符合w3c标准写法
        setAttribute("属性名",“属性值")    符合w3c标准写法 设置属性值
        
 
 
 
 
 
 
 
 
    操作:
        查找
        修改
        增加
        删除
        
        样式 对象.style=""
        属性 对象.属性=
        内容
            value
            innerHTML
            innerText
            outerHTML 和innerHTML比较 它连自己本身都得到了
        this:当前对象
        <p οnclick="f(this)"> 这里写this 下面括号里要写obj 不一定要obj别的也行一般写obj
        function f(obj){
            函数内容    
        }
 
    还可以动态的增删改查
 
 
 
 
空白文本节点 只有IE浏览器会忽略 别的浏览器都不忽略空白文本节点
 
 
 
 
图片轮播
文字无缝滚动
漂浮广告
对联广告
回到顶部
折叠菜单
树形菜单
全选全不选反选
定时广告
下拉菜单