Heim > Artikel > Web-Frontend > HTML5-Anleitung-2. Anleitung zum Umgang mit Dokumentmetadaten_html5-Tutorial-Tipps

HTML5-Anleitung-2. Anleitung zum Umgang mit Dokumentmetadaten_html5-Tutorial-Tipps

WBOYOriginal: 2016-05-16 15:50:151324Durchsuche

Der heutige Inhalt befasst sich mit der Bedienung von Dokumentobjekten.
1. Dokumentmetadaten bearbeiten
Werfen wir zunächst einen Blick auf die zugehörigen Attribute:
characterSet: Ruft die Codierungsmethode des aktuellen Dokuments ab
charset: Die Codierungsmethode des aktuellen Dokuments abrufen oder festlegen;
compatMode: Den Kompatibilitätsmodus des aktuellen Dokuments abrufen oder festlegen;
defaultCharset: Rufen Sie die Standardcodierungsmethode des Browsers ab.
defaultView: Rufen Sie das Fensterobjekt des aktuellen Dokuments ab.
dir: Rufen Sie die Textausrichtung des aktuellen Dokuments ab aktuelles Dokument;
Implementierung: Geben Sie die unterstützten Dom-Features-Informationen an;
lastModified: Rufen Sie die letzte Änderungszeit des Dokuments ab (wenn es keine letzte Änderungszeit gibt, geben Sie die aktuelle Zeit zurück); URL-Informationen des aktuellen Dokuments;
readyState: Gibt den Status des aktuellen Dokuments zurück. Dieses Attribut ist ein schreibgeschütztes Attribut: Gibt die mit dem aktuellen Dokument verbundenen URL-Informationen zurück; Ruft den Titel des aktuellen Dokuments ab oder legt diesen fest.
Sehen Sie sich das folgende Beispiel an:

Kopieren Sie den Code

Der Code lautet wie folgt:

;

结果：

4.读写cookie 🎜>

复制代码

代码如下:

Beispiel

结果：

5.理解ReadyState

document.readyState需要记住的一点是,浏览器当遇到script元素时会立即执行，除非你使用defer属性延时脚本的执行.readyState有三个值代表不同的状态。

loading：浏览器正在加载和执行document； interaktiv:docuent已经完成解析,但是浏览器正在加载其他外部资源（media，图片等；

complete：页面解析完成，外部资源在家完毕。
在浏览器整个加载和解析的过程中，readyState从loading，interaktiv和„readystatechange“ (readyState). 🎜>复制代码

代码如下:

Exemple ="Adam Freeman" />

<script> if (document.readyState == "interactive") { <br>document.getElementById("pressme").onclick = function () { <br>document.getElementById("results").innerHTML = "Bouton enfoncé" } <br>} <br>} <br></script>

Appuyez sur Moi

Le code utilise l'événement readystatechange pour obtenir l'effet d'exécution retardée. La valeur de readystate ne deviendra interactive qu'une fois la page entière analysée et contactée. À ce stade, l'événement click est lié au bouton pressme. Cette opération peut garantir que les éléments HTML requis sont présents et éviter que des erreurs ne se produisent.

6. Obtenez des informations sur l'implémentation des attributs dom

L'attribut document.implementation vous aide à comprendre l'implémentation des attributs dom par le navigateur. Cette propriété renvoie un objet DOMImplementation, qui contient la méthode hasFeature. Vous pouvez utiliser cette méthode pour comprendre l'implémentation d'une certaine propriété par le navigateur.

Copier le code
Le code est le suivant :

Exemple ;meta name ="description" content="Un exemple simple" /> "HTML", "CSS", "Sélecteurs-API"];

var niveaux = ["1.0", "2.0", "3.0"];

for (var i = 0; i document.writeln("Vérification de la fonctionnalité : "features[i]); < niveaux .length; j ) {
document.write(features[i] " Niveau " niveaux[j] ": "
document.writeln(document.implementation.hasFeature(features[i], niveaux[j ]));
}
}
document.write("")
;/html> ;

Effet :

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

HTML5-Anleitung-2. Anleitung zum Umgang mit Dokumentmetadaten_html5-Tutorial-Tipps

In Verbindung stehende Artikel