这篇文章将为大家详细讲解有关html5中怎么对document metadata进行操作，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。
超过十余年行业经验，技术领先，服务至上的经营模式，全靠网络和口碑获得客户，为自己降低成本，也就是为客户降低成本。到目前业务范围包括了：做网站、成都网站设计，成都网站推广，成都网站优化，整体网络托管，小程序制作，微信开发，APP应用开发，同时也可以让客户的网站和网络营销和我们一样获得订单和生意！
1.操作Document Metadata
首先我们来看看相关的属性：
characterSet：获取当前document的编码方式，该属性为只读；
charset：获取或者设置当前document的编码方式；
compatMode：获取当前document的兼容模式；
cookie：获取或者设置当前document的cookie对象；
defaultCharset：获取浏览器默认的编码方式；
defaultView：获取当前当前document的window对象；
dir：获取或者设置当前document的文本对齐方式；
domain：获取或者设置当前document的domian值；
implementation：提供所支持的dom特性的信息；
lastModified：获取document最后的修改时间（如果没有最后修改时间，则返回当前时间）；
location：提供当前document的url信息；
readyState：返回当前document的状态，该属性是只读属性；
referrer： 返回连接到当前document的document url信息；
title：获取或者设置当前document的title。
来看下面的例子：
代码如下:
结果(不同浏览器显示的结果可能不一样)：
2.如何理解兼容模式
compatMode属性告诉你浏览器是如何处理当前document的。有太多不标准的html了，浏览器会试图显示这些页面，即使他们不符合html规范。有些内容依赖于早先浏览器大战时所存在的独特的特性，而这些属性石不符合规范的。compatMode会返回一个或两个值，如下：
CSS1Compat：document符合一个有效的html规范（不一定是html5，验证的html4页面同样返回这个值）；
BackCompat：document包含不符合规范的特性，触发了兼容模式。
3.使用Location对象
document.location返回一个Location对象，向你提供细粒度的document的地址信息，同时允许你导航到其他document。
protocol：获取或者设置document url的协议；
host：获取或者设置document url的主机信息；
href：获取或者设置document的地址信息；
hostname：获取或者设置document的主机名；
search：获取或者设置document url查询部分的信息；
hash：获取或者设置document url hash部分的信息；
assign(
replace(
reload()：重新加载当前document；
resolveURL(
来看下面的例子：
代码如下:
结果：
4.读写cookie
通过cookie属性，可以对document的cookie进行新增，修改和读取操作。如下例：
代码如下:
结果：
5.理解ReadyState
document.readyState帮助你了解页面加载和解析过程中，页面所处的当前状态。需要记住的一点是，浏览器当遇到script元素时会立即执行，除非你使用defer属性延时脚本的执行。readyState有三个值代表不同的状态。
loading：浏览器正在加载和执行document；
interactive：docuent已经完成解析，但是浏览器正在加载其他外部资源（media，图片等）；
complete：页面解析完成，外部资源在家完毕。
在浏览器整个加载和解析的过程中，readyState的值会从loading，interactive和complete逐个改变。当结合readystatechange事件（readyState状态改变时触发）使用，readyState会变得相当有价值。
代码如下:
上面的代码使用readystatechange事件实现了延时执行的效果，只有当页面上整个页面解析接触之后readystate的值才会变成interactive，这时再为pressme按钮绑定click事件。这样操作可以确保所需要的html元素都存在，防止错误发生。
6.获取dom属性实现的信息
document.implementation属性帮助你了解浏览器对dom属性的实现情况。该属性返回DOMImplementation对象，对象包含hasFeature方法，你可以通过该方法了解浏览器对某属性的实现情况。
代码如下:
效果：
关于html5中怎么对document metadata进行操作就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
