HTTP要点


localStorage

html5新加入,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小。

同sessionStorage

Web SQL Database:废弃

Web Storage(Local Storage和Session Storage):简单字符串键值对

IndexedDB:结构化数据,并且使用索引高效检索的API

HTML DOM

根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:

整个文档是一个文档节点

每个 HTML 元素是元素节点

HTML 元素内的文本是文本节点

每个 HTML 属性是属性节点

注释是注释节点

通过 HTML DOM,树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素(节点)均可被修改,也可以创建或删除节点。

一些常用的 HTML DOM 方法:

  • getElementById() 返回带有指定 ID 的元素。
  • getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
  • getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。
  • appendChild() 把新的子节点添加到指定节点。
  • removeChild() 删除子节点。
  • replaceChild() 替换子节点。
  • insertBefore() 在指定的子节点前面插入新的子节点。
  • createAttribute() 创建属性节点。
  • createElement() 创建元素节点。
  • createTextNode() 创建文本节点。
  • getAttribute() 返回指定的属性值。
  • setAttribute() 把指定属性设置或修改为指定的值。

一些常用的 HTML DOM 属性:

  • innerHTML - 节点(元素)的文本值
  • parentNode - 节点(元素)的父节点
  • childNodes - 节点(元素)的子节点
  • attributes - 节点(元素)的属性节点
  • nodeName
  • nodeValue
  • nodeType