DOM Document 
  1.  <html>
  2.  
  3.  Document 对象
  4.  每个载入浏览器的 HTML 文档都会成为 Document 对象。
  5.  Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
  6.  提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
  7.  
  8.  Document 对象集合
  9.  集合     描述
  10.  all[]     提供对文档中所有 HTML 元素的访问。
  11.  anchors[]     返回对文档中所有 Anchor 对象的引用。
  12.  applets     返回对文档中所有 Applet 对象的引用。
  13.  forms[]     返回对文档中所有 Form 对象引用。
  14.  images[]     返回对文档中所有 Image 对象引用。
  15.  links[]     返回对文档中所有 Area 和 Link 对象引用。
  16.  
  17.  Document 对象属性
  18.  属性     描述
  19.  body
  20.  提供对 <body> 元素的直接访问。
  21.  对于定义了框架集的文档，该属性引用最外层的 <frameset>。
  22.  cookie     设置或返回与当前文档有关的所有 cookie。
  23.  domain     返回当前文档的域名。
  24.  lastModified     返回文档被最后修改的日期和时间。
  25.  referrer     返回载入当前文档的文档的 URL。
  26.  title     返回当前文档的标题。
  27.  URL     返回当前文档的 URL。
  28.  Document 对象方法
  29.  方法     描述
  30.  close()     关闭用 document.open() 方法打开的输出流，并显示选定的数据。
  31.  getElementById()     返回对拥有指定 id 的第一个对象的引用。
  32.  getElementsByName()     返回带有指定名称的对象集合。
  33.  getElementsByTagName()     返回带有指定标签名的对象集合。
  34.  open()     打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
  35.  write()     向文档写 HTML 表达式 或 JavaScript 代码。
  36.  writeln()     等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
  37.  
  38.  Document 对象描述
  39.  HTMLDocument 接口对 DOM Document 接口进行了扩展，定义 HTML 专用的属性和方法。
  40.  很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。
  41.  这些集合属性都源自于 0 级 DOM。它们已经被 Document.getElementsByTagName() 所取代，但是仍然常常使用，因为他们很方便。
  42.  write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。
  43.  注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。在 2 级 DOM 中，该方法已经被转移到了 Document 接口，它现在由 HTMLDocument 继承而不是由它定义了。
  44.  
  45.  </html>
 dom element 
  1.  <html>
  2.  HTML DOM 节点
  3.  在 HTML DOM （文档对象模型）中，每个部分都是节点：
  4.      文档本身是文档节点
  5.      所有 HTML 元素是元素节点
  6.      所有 HTML 属性是属性节点
  7.      HTML 元素内的文本是文本节点
  8.      注释是注释节点
  9.  
  10.  Element 对象
  11.  在 HTML DOM 中，Element 对象表示 HTML 元素。
  12.  Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
  13.  NodeList 对象表示节点列表，比如 HTML 元素的子节点集合。
  14.  元素也可以拥有属性。属性是属性节点（参见下一节）。
  15.  
  16.  浏览器支持
  17.  IE     Firefox     Chrome     Safari     Opera
  18.  所有浏览器都支持 Element 对象和 NodeList 对象。
  19.  
  20.  属性和方法
  21.  下面的属性和方法可用于所有 HTML 元素上：
  22.  属性 / 方法     描述
  23.  element.accessKey     设置或返回元素的快捷键。
  24.  element.appendChild()     向元素添加新的子节点，作为最后一个子节点。
  25.  element.attributes     返回元素属性的 NamedNodeMap。
  26.  element.childNodes     返回元素子节点的 NodeList。
  27.  element.className     设置或返回元素的 class 属性。
  28.  element.clientHeight     返回元素的可见高度。
  29.  element.clientWidth     返回元素的可见宽度。
  30.  element.cloneNode()     克隆元素。
  31.  element.compareDocumentPosition()     比较两个元素的文档位置。
  32.  element.contentEditable     设置或返回元素的文本方向。
  33.  element.dir     设置或返回元素的文本方向。
  34.  element.firstChild     返回元素的首个子。
  35.  element.getAttribute()     返回元素节点的指定属性值。
  36.  element.getAttributeNode()     返回指定的属性节点。
  37.  element.getElementsByTagName()     返回拥有指定标签名的所有子元素的集合。
  38.  element.getFeature()     返回实现了指定特性的 API 的某个对象。
  39.  element.getUserData()     返回关联元素上键的对象。
  40.  element.hasAttribute()     如果元素拥有指定属性，则返回true，否则返回 false。
  41.  element.hasAttributes()     如果元素拥有属性，则返回 true，否则返回 false。
  42.  element.hasChildNodes()     如果元素拥有子节点，则返回 true，否则 false。
  43.  element.id     设置或返回元素的 id。
  44.  element.innerHTML     设置或返回元素的内容。
  45.  element.insertBefore()     在指定的已有的子节点之前插入新节点。
  46.  element.isContentEditable     设置或返回元素的内容。
  47.  element.isDefaultNamespace()     如果指定的 namespaceURI 是默认的，则返回 true，否则返回 false。
  48.  element.isEqualNode()     检查两个元素是否相等。
  49.  element.isSameNode()     检查两个元素是否是相同的节点。
  50.  element.isSupported()     如果元素支持指定特性，则返回 true。
  51.  element.lang     设置或返回元素的语言代码。
  52.  element.lastChild     返回元素的最后一个子元素。
  53.  element.namespaceURI     返回元素的 namespace URI。
  54.  element.nextSibling     返回位于相同节点树层级的下一个节点。
  55.  element.nodeName     返回元素的名称。
  56.  element.nodeType     返回元素的节点类型。
  57.  element.nodeValue     设置或返回元素值。
  58.  element.normalize()     合并元素中相邻的文本节点，并移除空的文本节点。
  59.  element.offsetHeight     返回元素的高度。
  60.  element.offsetWidth     返回元素的宽度。
  61.  element.offsetLeft     返回元素的水平偏移位置。
  62.  element.offsetParent     返回元素的偏移容器。
  63.  element.offsetTop     返回元素的垂直偏移位置。
  64.  element.ownerDocument     返回元素的根元素（文档对象）。
  65.  element.parentNode     返回元素的父节点。
  66.  element.previousSibling     返回位于相同节点树层级的前一个元素。
  67.  element.removeAttribute()     从元素中移除指定属性。
  68.  element.removeAttributeNode()     移除指定的属性节点，并返回被移除的节点。
  69.  element.removeChild()     从元素中移除子节点。
  70.  element.replaceChild()     替换元素中的子节点。
  71.  element.scrollHeight     返回元素的整体高度。
  72.  element.scrollLeft     返回元素左边缘与视图之间的距离。
  73.  element.scrollTop     返回元素上边缘与视图之间的距离。
  74.  element.scrollWidth     返回元素的整体宽度。
  75.  element.setAttribute()     把指定属性设置或更改为指定值。
  76.  element.setAttributeNode()     设置或更改指定属性节点。
  77.  element.setIdAttribute()
  78.  element.setIdAttributeNode()
  79.  element.setUserData()     把对象关联到元素上的键。
  80.  element.style     设置或返回元素的 style 属性。
  81.  element.tabIndex     设置或返回元素的 tab 键控制次序。
  82.  element.tagName     返回元素的标签名。
  83.  element.textContent     设置或返回节点及其后代的文本内容。
  84.  element.title     设置或返回元素的 title 属性。
  85.  element.toString()     把元素转换为字符串。
  86.  nodelist.item()     返回 NodeList 中位于指定下标的节点。
  87.  nodelist.length     返回 NodeList 中的节点数。
  88.  </html>
 dom attribute 
  1.  <html>
  2.  HTML DOM 节点
  3.  在 HTML DOM （文档对象模型）中，每个部分都是节点：
  4.      文档本身是文档节点
  5.      所有 HTML 元素是元素节点
  6.      所有 HTML 属性是属性节点
  7.      HTML 元素内的文本是文本节点
  8.      注释是注释节点
  9.  
  10.  Attr 对象
  11.  在 HTML DOM 中，Attr 对象表示 HTML 属性。
  12.  HTML 属性始终属于 HTML 元素。
  13.  NamedNodeMap 对象
  14.  在 HTML DOM 中，NamedNodeMap 对象表示元素属性节点的无序集合。
  15.  NamedNodeMap 中的节点可通过名称或索引（数字）来访问。
  16.  浏览器支持
  17.  IE     Firefox     Chrome     Safari     Opera
  18.  所有浏览器都支持 Attr 对象和 NamedNodeMap 对象。
  19.  
  20.  属性和方法
  21.  属性 / 方法     描述
  22.  attr.isId     如果属性是 id 类型，则返回 true，否则返回 false。
  23.  attr.name     返回属性的名称。
  24.  attr.value     设置或返回属性的值。
  25.  attr.specified     如果已指定属性，则返回 true，否则返回 false。
  26.  nodemap.getNamedItem()     从 NamedNodeMap 返回指定的属性节点。
  27.  nodemap.item()     返回 NamedNodeMap 中位于指定下标的节点。
  28.  nodemap.length     返回 NamedNodeMap 中的节点数。
  29.  nodemap.removeNamedItem()     移除指定的属性节点。
  30.  nodemap.setNamedItem()     设置指定的属性节点（通过名称）。
  31.  
  32.  DOM 4 警告！
  33.  在 W3C DOM Core 中，Attr (attribute) 对象从 Node 对象继承所有属性和方法。
  34.  在 DOM 4 中，Attr 对象不再从 Node 继承。
  35.  为了保证未来的代码安全，您应该避免在属性对象上使用节点对象的属性和方法：
  36.  
  37.  属性 / 方法     避免的理由
  38.  attr.appendChild()     属性没有子节点。
  39.  attr.attributes     属性没有属性。
  40.  attr.baseURI     使用 document.baseURI 代替。
  41.  attr.childNodes     属性没有子节点。
  42.  attr.cloneNode()     使用 attr.value 代替。
  43.  attr.firstChild     属性没有子节点。
  44.  attr.hasAttributes()     属性没有属性。
  45.  attr.hasChildNodes     属性没有子节点。
  46.  attr.insertBefore()     属性没有子节点。
  47.  attr.isEqualNode()     没有意义。
  48.  attr.isSameNode()     没有意义。
  49.  attr.isSupported()     始终为 true。
  50.  attr.lastChild     属性没有子节点。
  51.  attr.nextSibling     属性没有同级节点。
  52.  attr.nodeName     使用 attr.name 代替。
  53.  attr.nodeType     始终为 2 (ATTRIBUTE_NODE)。
  54.  attr.nodeValue     使用 attr.value 代替。
  55.  attr.normalize()     属性无法被正常化。
  56.  attr.ownerDocument     始终是您的 HTML 文档。
  57.  attr.ownerElement     这是您用来访问该属性的 HTML 元素。
  58.  attr.parentNode     这是您用来访问该属性的 HTML 元素。
  59.  attr.previousSibling     属性没有同级节点。
  60.  attr.removeChild     属性没有子节点。
  61.  attr.replaceChild     属性没有子节点。
  62.  attr.textContent     使用 attr.value 代替。
  63.  </html>
 dom event 

  1.  Event 对象
  2.  Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
  3.  事件通常与函数结合使用，函数不会在事件发生前被执行！
  4.  事件句柄　(Event Handlers)
  5.  HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为，比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，可将之插入 HTML 标签以定义事件的行为。
  6.  
  7.  属性     此事件发生在何时...
  8.  onabort     图像的加载被中断。
  9.  onblur     元素失去焦点。
  10.  onchange     域的内容被改变。
  11.  onclick     当用户点击某个对象时调用的事件句柄。
  12.  ondblclick     当用户双击某个对象时调用的事件句柄。
  13.  onerror     在加载文档或图像时发生错误。
  14.  onfocus     元素获得焦点。
  15.  onkeydown     某个键盘按键被按下。
  16.  onkeypress     某个键盘按键被按下并松开。
  17.  onkeyup     某个键盘按键被松开。
  18.  onload     一张页面或一幅图像完成加载。
  19.  onmousedown     鼠标按钮被按下。
  20.  onmousemove     鼠标被移动。
  21.  onmouseout     鼠标从某元素移开。
  22.  onmouseover     鼠标移到某元素之上。
  23.  onmouseup     鼠标按键被松开。
  24.  onreset     重置按钮被点击。
  25.  onresize     窗口或框架被重新调整大小。
  26.  onselect     文本被选中。
  27.  onsubmit     确认按钮被点击。
  28.  onunload     用户退出页面。
  29.  
  30.  鼠标 / 键盘属性
  31.  属性     描述
  32.  altKey     返回当事件被触发时，"ALT" 是否被按下。
  33.  button     返回当事件被触发时，哪个鼠标按钮被点击。
  34.  clientX     返回当事件被触发时，鼠标指针的水平坐标。
  35.  clientY     返回当事件被触发时，鼠标指针的垂直坐标。
  36.  ctrlKey     返回当事件被触发时，"CTRL" 键是否被按下。
  37.  metaKey     返回当事件被触发时，"meta" 键是否被按下。
  38.  relatedTarget     返回与事件的目标节点相关的节点。
  39.  screenX     返回当某个事件被触发时，鼠标指针的水平坐标。
  40.  screenY     返回当某个事件被触发时，鼠标指针的垂直坐标。
  41.  shiftKey     返回当事件被触发时，"SHIFT" 键是否被按下。
  42.  
  43.  IE 属性
  44.  除了上面的鼠标/事件属性，IE 浏览器还支持下面的属性：
  45.  属性     描述
  46.  cancelBubble     如果事件句柄想阻止事件传播到包容对象，必须把该属性设为 true。
  47.  fromElement     对于 mouseover 和 mouseout 事件，fromElement 引用移出鼠标的元素。
  48.  keyCode     对于 keypress 事件，该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。
  49.  offsetX,offsetY     发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
  50.  returnValue     如果设置了该属性，它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle，可以取消发生事件的源元素的默认动作。
  51.  srcElement     对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
  52.  toElement     对于 mouseover 和 mouseout 事件，该属性引用移入鼠标的元素。
  53.  x,y     事件发生的位置的 x 坐标和 y 坐标，它们相对于用CSS动态定位的最内层包容元素。
  54.  
  55.  标准 Event 属性
  56.  下面列出了 2 级 DOM 事件标准定义的属性。
  57.  属性     描述
  58.  bubbles     返回布尔值，指示事件是否是起泡事件类型。
  59.  cancelable     返回布尔值，指示事件是否可拥可取消的默认动作。
  60.  currentTarget     返回其事件监听器触发该事件的元素。
  61.  eventPhase     返回事件传播的当前阶段。
  62.  target     返回触发此事件的元素（事件的目标节点）。
  63.  timeStamp     返回事件生成的日期和时间。
  64.  type     返回当前 Event 对象表示的事件的名称。
  65.  
  66.  标准 Event 方法
  67.  下面列出了 2 级 DOM 事件标准定义的方法。IE 的事件模型不支持这些方法：
  68.  方法     描述
  69.  initEvent()     初始化新创建的 Event 对象的属性。
  70.  preventDefault()     通知浏览器不要执行与事件关联的默认动作。
  71.  stopPropagation()     不再派发事件。

ajax - xmlHttpRequest

json - js对象表示方法

DHTML - HTML节点属性的改变

E4X - js+xml

图片文档：http://www.cnblogs.com/coco1s/p/3953653.html

备：for(var i in arr)

javascript文档的更多相关文章

  1. 第一百一十四节，JavaScript文档对象，DOM进阶

    JavaScript文档对象,DOM进阶 学习要点: 1.DOM类型 2.DOM扩展 3.DOM操作内容 DOM自身存在很多类型,在DOM基础课程中大部分都有所接触,比如Element类型:表示的是元 ...

  2. 第一百一十三节，JavaScript文档对象，DOM基础

    JavaScript文档对象,DOM基础 学习要点: 1.DOM介绍 2.查找元素 3.DOM节点 4.节点操作 DOM(Document Object Model)即文档对象模型,针对HTML和XM ...

  3. 学习笔记：javascript 文档对象（document）

    1.documnet函数 方法 描述 close() 关闭用 document.open() 方法打开的输出流,并显示选定的数据. getElementById() 返回对拥有指定 id 的第一个对象 ...

  4. 第二章 JavaScript文档（上）

    JavaScript 1.JavaScript简介 起源 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成.Netscape在最初将其脚本语言命名 ...

  5. javascript文档DOC

    python.java都有官网,有官方文档 javascript却找不到官网和官方文档 js大全 https://github.com/jobbole/awesome-javascript-cn md ...

  6. JavaScript文档对象模型

    文档对象模型(Document Object Model, DOM)是W3C提出的用于访问和修改文档的接口. JavaScript设计的初衷是为Web提供交互功能,它通过DOM接口来访问和修改文档. ...

  7. javascript文档节点

    创建文本节点 document.createTextNode() 创建新文本节点,该方法接收一个参数,即要插入节点中的文本信息. <script> //创建一个div节点 var elem ...

  8. jQuery的$.getScript方法去加载javaScript文档解析

    1.两个文件的代码如下: <script> function Ajax(){ //将9-4.html中的Ajax()函数进行修改 $.getScript('9-8.js',function ...

  9. 前端（十五）—— JavaScript事件：绑定事件方式、事件的冒泡和默认事件、鼠标事件、键盘事件、表单 事件、文档事件、图片事件、页面事件

    JS事件:绑定事件方式.事件的冒泡和默认事件.鼠标事件.键盘事件.表单 事件.文档事件.图片事件.页面事件 一.事件的两种绑定方式 1.on事件绑定方式 document.onclick = func ...

随机推荐

  1. （1）Phonics自然拼读 英语动画 Fun with Phonics 国际主流英语教学法

    Phonics(拼音英语)是目前国际主流的英语教学法,我国香港和台湾地区2000年就已引进此教学法,并已进入大规模推广和普及阶段.它之所以风靡全球,是因为这种教学法简单高效,符合人类学习语言的规律,尤 ...

  2. BZOJ1299 巧克力棒

    题面: TBL和X用巧克力棒玩游戏.每次一人可以从盒子里取出若干条巧克力棒,或是将一根取出的巧克力棒吃掉正整数长度.TBL先手两人轮流,无法操作的人输. 他们以最佳策略一共进行了10轮(每次一盒).你 ...

  3. 【P2303】Longge的问题

    题目大意:求\[\sum\limits_{i=1}^ngcd(n,i)\] 题解:发现 gcd 中有很多是重复的,因此考虑枚举 gcd. \[\sum\limits_{i=1}^ngcd(n,i)=\ ...

  4. CF Educational Codeforces Round 57划水记

    因为是unrated于是就叫划水记了,而且本场也就用了1h左右. A.B:划水去了,没做 C:大水题,根据初三课本中圆的知识,可以把角度化成弧长,而这是正多边形,所以又可以化成边数,于是假设读入为a, ...

  5. pip的更新问题

    OSX系统中在利用pip安装有些模块的时候出现”you are using pip version 9.0.1, however version 10.0.0 is available. You sh ...

  6. 在Linux中复制文件夹下的全部文件到另外文件夹

    https://jingyan.baidu.com/article/656db918f83c0de380249c5a.html 在Linux系统中复制或拷贝文件我们可以用cp或者copy命令,但要对一 ...

  7. (数学) PTA 1005 继续(3n+1)猜想 （25 分)

    1005 继续(3n+1)猜想 (25 分) 卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推过程 ...

  8. mysql报错汇总

    一.启动mysql: Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock'  #/var/r ...

  9. java类的加载和执行顺序

    以前面试总会碰到涉及到类的执行过程的笔试题.下面记录我自己的测试结果: public class ClassA { public static ClassA classa = new ClassA() ...

  10. 阿里云申请ssl证书配置tomcat访问https

    首先去阿里云上面申请ssl证书,免费的,自己百度去. 申请完ok之后会让你下载一个压缩包,里面有四个文件. 在tomcat安装目录下创建cert文件夹,把这四个文件扔进去 在conf/server.x ...