当前位置: 代码迷 >> Web前端 >> DOM学习日记(一)
  详细解决方案

DOM学习日记(一)

热度:76   发布时间:2012-08-29 08:40:14.0
DOM学习日志(一)
DOM学习第一天
DOM简介:
   DOM-文档对象模型,它指定了文档的结构,可以通过dom对文档结构进行操作,比如javascript所操作的html元素所需要的入口就是dom提供的。
   DOM分类:
   Core DOM - 定义了一套针对任何结构化文档的对象的标准
   Xml DOM - 定义了只针对xml文档的对象标准
   HTML DOM - 定义了只真对HTML文档的对象标准
HTML DOM
   DOM定义了html文档中每个元素都是一个节点,一个html文档本身就是一个文档节点,html里面的标签是元素节点,包含在元素里的文本就是文本节点,元素内的属性就是属性节点。
    节点之间的联系通过树形结构来体现,父节点下有子节点,一只树形结构的终点就是节点下在无子节点。
    查找并访问节点的两个方法:
    1.document.getElementById("");返回指定id的节点对象
    2.document.getElementsByTagName("");返回指定name的节点对象列表
    每个节点都有parentNode,firstChild,lastChild,nodeName,nodeValue,nodeType属性。
总之,dom就是为了操纵文档内的各种元素用的,他就像是一种中间件一样,javascript通过他才能找到并操作想要操作的文档目标。
Browser对象
    window对象 : 表示浏览器窗口
    常用属性:frames[],parent
      window.frames["frame_name"] 表示当前窗口中的子窗口对象
      window.parent 表示当前窗口的父窗口
    常用函数: alert(),confirm(),close(),open(),
            setTimeOut(code,time),  write()
        因为window是一个全局对象,所以他的属性和方法都是在当前的环境中计算的,都可以当作全局的来用,例如只写alert(),而不用写window.alert();
    Navigator对象 : 表示浏览器的有关信息
       不经常用,只做了解
     Screen对象 : 表示客户端显示屏幕的信息
       不经常用
     History对象 : 包含客户访问过的url
     常用方法 : back(),go()
               history.back() 后退
                  history.go(-2) 相当于单击两次后退键
     Location对象 : 包含有关当前url的信息
      常用属性 : host,hostname,href,port,protocol
     常用方法 : reload()
  相关解决方案