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浏览器会忽略 别的浏览器都不忽略空白文本节点
 
 
 
 
图片轮播
文字无缝滚动
漂浮广告
对联广告
回到顶部
折叠菜单
树形菜单
全选全不选反选
定时广告
下拉菜单
版权声明:本文为博主原创文章,未经博主允许不得转载。

JavaScript_DOM_编程艺术读书笔记

  • 2012年05月18日 22:10
  • 117KB
  • 下载

[知了堂学习笔记] JQuery对DOM的操作

操作分类 节点操作 查找节点 通过选择器 通过属性选择器 通过parent([expr])函数方法来查找父级元素节点 通过parents([expr])函数方法来查找祖先元素 创建节点 $(ht...

树懒_day05.1_xml_DOM4J笔记

  • 2015年07月23日 23:37
  • 2KB
  • 下载

javaScript DOM编程艺术2版学习笔记

  • 2015年10月23日 19:36
  • 2.46MB
  • 下载

【知了堂学习笔记】_JavaScript之DOM操作(英语在线翻译)

请关注“知了堂学习社区”,地址:http://www.zhiliaotang.com/portal.php此案例样式粗糙,主要注重功能实现!! ...

js菜鸟堂上笔记之DOM模型_ekom.cn

  • 2012年07月25日 16:06
  • 1KB
  • 下载

XML学习笔记(五):使用 jdom和dom4j 解析XML

XML解析的详细分析与jaxp解析XML详见:XML学习笔记(四):使用 DOM和SAX 解析XML 一、JDom 1、创建XML文件: 1)Document类即代表整个XML文档,把生成的 Do...

树懒_day04.1_javascript_DOM笔记

  • 2015年07月22日 22:09
  • 1KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM笔记
举报原因:
原因补充:

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