DOM笔记

原创 2017年01月02日 22:17:54
onscroll:滚动条事件    window
    window.onscroll=function(){
        f();
    };
    
    window.onscroll=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 onclick="f(this)"> 这里写this 下面括号里要写obj 不一定要obj别的也行一般写obj
        function f(obj){
            函数内容    
        }
 
    还可以动态的增删改查
 
 
 
 
空白文本节点 只有IE浏览器会忽略 别的浏览器都不忽略空白文本节点
 
 
 
 
图片轮播
文字无缝滚动
漂浮广告
对联广告
回到顶部
折叠菜单
树形菜单
全选全不选反选
定时广告
下拉菜单
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

DOM学习笔记整理二使用及定时器

DOM的用途:—— 使用JavaScript增删改查HTML文档内容 (1)节点树、元素树 (2)遍历HTML文档,查看其内容 (3)查找节点   getElementById() getEleme...

树懒_day05.1_xml_DOM4J笔记

React学习笔记—虚拟DOM

React对底层的代码作了封装,在大多数情况下,我们不需要直接去操作DOM。但是有时候我们还是需要使用到底层的代码的,比如输入框获取焦点,这个时候可以通过第三方的类库或者React提供的API实现。 ...

JS笔记-关于在DOM0级别中设置事件处理对象的思考

在JavaScript指定事件处理程序的方式中,有三层,分别是DOM 0 级, DOM 1 级, DOM 2 级。 DOM 0 级是最传统的形式,主要为直接给指定元素的某个事件直接指定, ex: ...
  • fspwz
  • fspwz
  • 2015-05-17 23:22
  • 171
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)