Guide HTML5-2. Comment utiliser les conseils du didacticiel Metadata_html5.

Le contenu d’aujourd’hui porte sur la façon d’utiliser les objets de document.
1. Manipuler les métadonnées du document
Tout d'abord, jetons un coup d'œil aux attributs associés :
characterSet : récupère la méthode d'encodage du document actuel

1. 🎜>charset : Obtenez ou définissez la méthode d'encodage du document actuel ;
compatMode : obtenez le mode de compatibilité du document actuel ;
cookie : obtenez ou définissez l'objet cookie du document actuel ;
defaultCharset : Obtenez la méthode d'encodage par défaut du navigateur ;
defaultView : obtenez l'objet fenêtre du document actuel ;
dir : obtenez ou définissez l'alignement du texte du document actuel
domain : obtenez ou définissez la valeur domian du ; document actuel ;
implémentation : fournissez les informations sur les fonctionnalités dom prises en charge ;
lastModified : obtenez l'heure de la dernière modification du document (s'il n'y a pas d'heure de dernière modification, renvoyez l'heure actuelle ); Informations URL du document actuel ;
readyState : Renvoie l'état du document actuel, Cet attribut est un attribut en lecture seule
referrer : Renvoie les informations sur l'URL du document connecté au document actuel ; Obtient ou définit le titre du document actuel.
Regardez l'exemple suivant :

Copiez le code Le code est le suivant :

;
🎜>< /body>



Résultats (différents navigateurs peuvent afficher des résultats différents) :

2. Comment comprendre le mode de compatibilité

L'attribut compatMode vous indique comment le navigateur gère le document actuel. Il existe tellement de HTML non standard que les navigateurs essaieront d'afficher ces pages même si elles ne sont pas conformes à la spécification HTML. Certains contenus reposent sur des fonctionnalités uniques qui existaient au début de la guerre des navigateurs, et ces propriétés ne sont pas conformes à la spécification. compatMode renverra une ou deux valeurs, comme suit :

CSS1Compat : le document est conforme à une spécification html valide (pas nécessairement html5, la page html4 vérifiée renvoie également cette valeur BackCompat : le document contient des éléments non conformes) ; fonctionnalité, déclenchant le mode de compatibilité.

3. Utilisez l'objet Location document.location renvoie un objet Location, vous fournissant des informations d'adresse précises du document et vous permettant de naviguer vers d'autres documents.
protocole : obtenez ou définissez le protocole de l'URL du document ;
host : obtenez ou définissez les informations d'hôte de l'URL du document ;
href : obtenez ou définissez les informations d'adresse du document
nom d'hôte ; : Obtenez ou définissez les informations sur l'adresse du document Nom d'hôte ; recherche : obtenez ou définissez les informations dans la partie requête de l'URL du document hachage : obtenez ou définissez les informations dans la partie hachage de l'URL du document ; 🎜>assign() : accédez à une URL spécifiée ;
replace() : supprimez le document actuel et accédez à l'URL spécifiée
reload() : rechargez le document actuel ;
resolveURL() : modifiez le chemin relatif en chemin absolu.

Regardez l'exemple suivant
 :





Copiez le code
Le code est le suivant :

结果：

4.读写cookie
通过cookie属性，可以对document的cookie进行新增，如下例： 🎜 >

复制代码

代码如下 :

Exemple

Ajouter un cookie

Mettre à jour le cookie

Effacer le cookie





结果：

5.理解ReadyState

document.readyState帮助你了解页面加载和解析过程中，页面所处的当前状态。需要记住的一点是，浏览器当遇到script元素
loading：浏览器正在加载和执行document； interactive：document已经完成解析，但是浏览complete：页面解析完成，外部资源在家完毕。
在浏览器整个加载和解析的过程中，readyState的值会从loading，interactif complet. 🎜>
复制代码


代码如下 :

<script> <br />document.onreadystatechange = function () { <br />if (document.readyState == "interactive ") { <br />document.getElementById("pressme").onclick = function () { <br />document.getElementById("results").innerHTML = "Button Pressed"; <br />} <br />} <br />} <br /></script>



Press Me

上面的程式碼使用readystatechange事件實現了延時執行的效果，只有當頁面上整個頁面解析接觸之後readystate的值才會變成interactive，這時再為pressme按鈕綁定click事件。這樣操作可以確保所需的html元素都存在，並防止錯誤發生。
6.取得dom屬性實現的資訊
document.implementation屬性幫助你了解瀏覽器對dom屬性的實作。此屬性傳回DOMImplementationation對象，物件包含hasFeature方法，你可以透過此方法了解瀏覽器對某屬性的實作。

複製程式碼

程式碼如下:

程式碼如下:


> HTML>>>






<script> <br />var features = ["Core", "HTML", "CSS", "Selectors-API"] ; <br />var levels = ["1.0", "2.0", "3.0"]; <br />document.writeln("<pre class="brush:php;toolbar:false">"); <br />for (var i = 0; i < features.length ; i ) { <br />document.writeln("Checking for feature: " features[i]); <br />for (var j = 0; j < levels.length; j ) { <br />document.write(features [i] " Level " levels[j] ": "); <br />document.writeln(document.implementation.hasFeature(features[i], levels[j])); <br />} <br />} <br />document.write("") <br /></script>