html5指南-2.如何操作documentmetadata_html5教程技巧
作者&投稿：春骅 （若有异议请与网页底部的电邮联系）
今天的内容是关于如何操作document对象。 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。 来看下面的例子：
代码如下: example'); 结果(不同浏览器显示的结果可能不一样)：
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()：导航到一个指定url； replace()：移除当前document，导航到指定的url； reload()：重新加载当前document； resolveURL()：将相对路径变为绝对路径。 来看下面的例子：
代码如下: '); 结果：
4.读写cookie 通过cookie属性，可以对document的cookie进行新增，修改和读取操作。如下例：
代码如下: Example
Add CookieUpdate CookieClear Cookievar cookieCount = 0; document.getElementById('update').onclick = updateCookie; document.getElementById('write').onclick = createCookie; document.getElementById('clear').onclick = clearCookie; readCookies(); function readCookies() { document.getElementById('cookiedata').innerHTML = !document.cookie ? '' : document.cookie; } function updateCookie() { document.cookie = 'cookie_' + cookieCount + '=update_' + cookieCount; readCookies(); } function createCookie() { cookieCount++; document.cookie = 'cookie_' + cookieCount + '=value_' + cookieCount; readCookies(); } function clearCookie() { var exp = new Date(); exp.setTime(exp.getTime() - 1); var arrStr = document.cookie.split("; "); for (var i = 0; i < arrStr.length; i++) { var temp = arrStr[i].split("="); if (temp[0]) { document.cookie = temp[0] + "=;expires=" + exp.toGMTString(); }; } cookieCount = 0; readCookies(); } 结果：
5.理解ReadyState document.readyState帮助你了解页面加载和解析过程中，页面所处的当前状态。需要记住的一点是，浏览器当遇到script元素时会立即执行，除非你使用defer属性延时脚本的执行。readyState有三个值代表不同的状态。 loading：浏览器正在加载和执行document； interactive：docuent已经完成解析，但是浏览器正在加载其他外部资源（media，图片等）； complete：页面解析完成，外部资源在家完毕。 在浏览器整个加载和解析的过程中，readyState的值会从loading，interactive和complete逐个改变。当结合readystatechange事件（readyState状态改变时触发）使用，readyState会变得相当有价值。
代码如下: Example上面的代码使用readystatechange事件实现了延时执行的效果，只有当页面上整个页面解析接触之后readystate的值才会变成interactive，这时再为pressme按钮绑定click事件。这样操作可以确保所需要的html元素都存在，防止错误发生。 6.获取dom属性实现的信息 document.implementation属性帮助你了解浏览器对dom属性的实现情况。该属性返回DOMImplementation对象，对象包含hasFeature方法，你可以通过该方法了解浏览器对某属性的实现情况。
代码如下: Example") 效果：
怎样洗衣服时衣服不易变形?
2． 牛仔裤洗时易褪色，洗前先将其放在冷的浓盐水中浸泡约2小时，再用肥皂洗涤就不易褪色了。R 3． 洗易褪色的衣服，可先将衣物放入盐水中泡上约30分钟，然后用清水洗净，再按一般洗涤方法洗涤。这样就可以防止衣服褪色，尤其是黑色或红色的衣服，效果更为显著。tmL 4． 毛衣洗涤时易褪色，如果用...
白衣服越洗越发灰发黄,该怎么办?
1.用一下陈醋来洗一下被染的地方 2.试试叫彩漂的化学用品,如白猫漂彩 3.用84消毒液稀释以后，稍微泡一下试试，不过一定要掌握好稀释的比例和浸泡的时间，这个和被染的衣服之地和被染程度有关系，最好多漂几次，宁可麻烦点，也不要漂过头了。4.用安利洗 5.高锰酸钾和醋酸,做法是先将少许高...
衣服被染色了,怎么办???
在100毫升的水中要加5~7克碘化钾,用碘化钾溶液去渍后的衣物一定要用清水漂洗干净。 也可把染上碘的衣物放入热水或15%~20%浓度的大苏打(硫代硫酸钠)热溶液中浸泡2小时,使污渍彻底溶解而脱离衣物。 还可以用水淀粉浆糊涂在污渍之处,当污处出现黑色时,再用洗涤剂洗涤,最后漂洗干净即可。 8、药膏渍的去除 先用...
白衣服被染了,漂水洗不掉
2. 牛仔裤洗时易褪色,洗前先将其放在冷的浓盐水中浸泡约2小时,再用肥皂洗涤就不易褪色了。R 3. 洗易褪色的衣服,可先将衣物放入盐水中泡上约30分钟,然后用清水洗净,再按一般洗涤方法洗涤。这样就可以防止衣服褪色,尤其是黑色或红色的衣服,效果更为显著。tmL 4. 毛衣洗涤时易褪色,如果用凉茶水先将毛衣浸泡...
贸勤二妙： 1、在python官网上找到 https://bootstrap.pypa.io/ez_setup.py,把代码保存到本地并执行:python ez_setup.py2、下载python-docx(https://pypi.python.org/pypi/python-docx/0.7.4),下载完成后解压并进入到XXX\python-docx-0.7.4 安装python-...
历城区17070895098： 零基础的人怎么用 HTML5 制作幻灯片 - ？
贸勤二妙： html5可以使用代码实现的简单幻灯片,并且能用鼠标滚轮滚动进行换页.具体代码如下:<!doctype html><html> <head> <title></title><style>#slides{ position:absolute; left:0px; top:0px; height:100%; width:100%; overflow:hidden; }.slide{ position:...
历城区17070895098： 用html5如何开发网页word,ppt? - ？
贸勤二妙： 初次接触移动端,绝对单位的使用 自己接触移动端开发是在2012年,那时候比较新潮的是制作WEB APP.什么是WEB APP呢?所谓的WEB APP就是用网页模拟出原生语言(如iOS)开发的APP交互效果.虽然在表现层面上,HTML5表现突...
历城区17070895098： html5使用方法? - ？
贸勤二妙： html5的使用,与第四代的html有点出入,如:第四代的HTML布局用的是div来布局,而第五代的HTML布局已经明确了 头部、侧边、栏目、中间区域(主体部分)、以及底部(footer);如:以前定义一个栏目导航<div><ul><li><li><ul></div>差不...
历城区17070895098： html5中怎样设置编码 - ？
贸勤二妙： HTML5的DOCTYPE声明就简单多了,其语法如下所示:<!DOCTYPE html> 编码设置<meta charset=＂GB2312＂/>
历城区17070895098： 如何在HTML5中使用SVG - ？
贸勤二妙： SVG 即 Scalable Vector Graphics,是一种用来绘制矢量图的 HTML5 标签.你只需定义好XML属性,就能获得一致的图像元素. 使用SVG之前先将标签加入到HTML body中.就像其他的HTML标签一样,你可以为SVG标签为之添加ID属性....
历城区17070895098： VS2012中怎么使用html5的特性 - ？
贸勤二妙： 1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcaption>来语义化地表示带标题的图片 <figure> <img src=”path/to/image” alt=”About image” /> <figcaption> <p>...
历城区17070895098： html5 vs2008 怎么使用 - ？
贸勤二妙： HTML5添加:1.拷贝html智能感知文件以及svg文件到安装路径下的\Common7\Packages\schemas\html\目录中.2.修改注册表[HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\VisualStudio\9.0\Packages\{1B437D20-F8FE-11D2-A6AE-00104BCC7269}\Schemas]添加新项:Schema 24,添加3个字符串名值对:转载,仅供参考.File:html\xhtml5.xsdFriendly Name: xhtml5
历城区17070895098： HTML5 文本框中的文本如何储存 - ？
贸勤二妙： 如果单单HTML5操作的话,第一次输入文本框的内容通过文本框节点的value拿到结果,然后在文本框上面建立个DIV,把拿到的value值放到DIV节点的innerHTML里面就可以了,但是这是一次性的,第二次就打开网页DIV里面就没值了.如果要做成论坛发帖形式,那就要重复上面的一些操作,先拿到testarea里面的value,然后通过get或者post到后端php,由php拿到值后放入数据库中.最后每次加载网页时,DIV里面的值就可以通过后端PHP到数据库里面去取.
历城区17070895098： 如何设置html5本地存储 - ？
贸勤二妙： 可以使用 JavaScript 来访问 HTML5 Storage,通过全局的 window 对象的 localStorage 对象.在我们使用之前,我们需要首先检测是否可用:function supports_html5_storage() { try { return 'localStorage' in window && window['localStorage'] !== ...
