• BOM与DOM


    BOM(Browser Object Model)

    浏览器对象模型

    window尺寸

      window.innerHeight 高

          innerWidth 宽(可视区域)

    对于IE8.7.6.5

      document.documentElement.clienHeight

                      .clienWidth

      document.body.clientHeight

              .clientWidth

    滚动跳转scrollBy和scrollTo

      scrollBy(x,y)  内容滚动...像素

      scrollTo(x,y)  内容滚动到指定的坐标

    循环

      setInterval(code,millisec[,"lang"]

      按照指定周期,调用函数表达式。可以无限次循环。

      clearInterval()

      清楚调用事件

      setTimeOut(code,millisec)

      在指定毫秒后调用函数表达式。执行1次。

      clearTimeOut

      清楚。。。

      时间单位为毫秒,1000毫秒=1秒

    history

      对象:length

      方法:back()        加载前一个URL

         forward()    加载下一个URL

         go()           加载具体页面

      open和close不会产生history

    DOM(Document Object Model)

    文本对象模型

    HTML DOM树

      HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准。

    一切皆对象:

    getElementById()元素

    getElementByName()集合  name不唯一--数组

    getElementByTagName()返回带有指定标签名的对象的集合

    getElementByclassName()返回类还需要继续查找具体的元素"[0]"

    不区分大小写,返回元素的顺序使他们在文档中的顺序。

    一些常用的 HTML DOM 属性

    innerHTML - 节点(元素)的文本值 

    parentNode - 节点(元素)的父节点 

    childNodes - 节点(元素)的子节点 

    attributes - 节点(元素)的属性节点 

    innerHTML 属性

    获取元素内容的最简单方法是使用 innerHTML 属性。

    innerHTML 属性对于获取或替换 HTML 元素的内容很有用。

    nodeName 属性

    nodeName 属性规定节点的名称。

    nodeName 是只读的 

    元素节点的 nodeName 与标签名相同 

    属性节点的 nodeName 与属性名相同 

    文本节点的 nodeName 始终是 #text 

    文档节点的 nodeName 始终是 #document 

    注释:nodeName 始终包含 HTML 元素的大写字母标签名。

    nodeValue 属性

    nodeValue 属性规定节点的值。

    元素节点的 nodeValue 是 undefined 或 null 

    文本节点的 nodeValue 是文本本身 

    属性节点的 nodeValue 是属性值 

    增删改查

    增:append insert

    删:remove

    改:replace

    查:获取

    NODE属性


    nextsiBling:下一个兄弟节点

    previousSibling:上一个兄弟节点


        节点中文    nodetype节点类型  nodename节点名  nodevalue节点值
        
        元素              1                tagName            null
        
        属性                2                attr            属性值

        文本                3                #text            文本值

        注释                8                #comment        注释文字

        文档                9                #document        null

    creatElement创建元素

    creatTextNode创建文本内容

  • 相关阅读:
    Myeclipse快捷键
    Resharper 的快捷键
    jQuery模块自由组合方案
    CTE
    Nhibernate3以上单元测试
    第三方控件下载篇
    10 个 Visual Studio 原生开发的调试技巧
    Nhibernate为hbm.xml配置文件添加智能提示(VS2010)
    Win7下nginx默认80端口被System占用
    Nginx本地配置
  • 原文地址:https://www.cnblogs.com/dh55/p/5493807.html
Copyright © 2020-2023  润新知