HTML DOM则是专门适用与HTML最佳化。
1.HTML/XHTML的文档对象模型,熟悉软件开发的人员可以将HTML DOM理解为网页的API,它将网页中的各个元素都看作一个个对象。
2.从而使网页中的元素也可以被计算机语言获取或者编辑。 例如Javascript就可以利用HTML DOM动态的修改网页。
3.一个HTML文件是以树形结构加载到内存的,开发人员可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构,即通过dom来炒作。
4.W3C 文档对象模型DOM是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。
5.TML的英文全称为Hyper Text Markup Language,即超文本标记语言,HTML5是HTML的一个新版本,HTML 不是一种编程语言,而是一种标记语言。
在HTML5当中,JavaScript里面有一个概念叫做DOM
DOM,表示文档对象模型,可以将HTML当中所有的内容都看做是一个节点,而根据节点的不同也就有了所谓的“标签节点”“文本节点”等各类节点
举个例子:
<div>内容</div>在这个div标签当中,div这个标签就是标签节点,而文本就是文本节点
HTML5 是下一代 HTML 标准,开始吸引越来越多人的目光。HTML5 的 DOM Storage 机制提供了一种方式让程序员能够把信息存储到本地的计算机上,在需要时获取。这点和 cookie 相似,区别是 DOM Storage 提供了更大容量的存储空间。目前,在客户端保存数据使用最多的是 cookie,但 cookie 的大小上限为 4KB,并且每次请求一个新页面时 cookie 都会被发送过去。更多的存储空间需要浏览器本身或是插件的支持,例如只在 Internet Explorer 上使用的 userData,需要额外安装插件的 Google Gears 和 Flash。现在,HTML5 提供了一种标准的接口,使程序员可以简单地访问存储的数据。由于键值对存储在本地计算机上,在页面加载完毕后可以通过 JavaScript 来操作这些数据。
HTML5 的建议是每个网站提供给 Storage 的空间是 5MB,一般来说足够存字符串。如果存入的数据太大,有些浏览器如 Chrome 会抛出 QUOTA_EXCEEDED_ERR 异常。所以虽然 DOM Storage 提供的空间比 cookie 要大很多,但在使用需要注意限制。
安全性
一般不要在客户端存储敏感的信息,使用 localStorage、globalStorage 等在客户端存储的信息都非常容易暴露。应该在完成数据存储后使用 clear 或者 removeItem 方法清除保存在 Storage 对象中的数据。
存储事件驱动
如果想在存储成功或修改存储的值时执行一些操作,可以用 DOM Storage 接口提供的事件。