Maison > interface Web > Tutoriel H5 > Comment rendre les navigateurs inférieurs à IE9 compatibles avec les astuces du didacticiel HTML5_html5

Comment rendre les navigateurs inférieurs à IE9 compatibles avec les astuces du didacticiel HTML5_html5

WBOY
Libérer: 2016-05-16 15:48:15
original
1851 Les gens l'ont consulté

Pour que IE (y compris IE6) prenne en charge les éléments HTML5, nous devons ajouter le JavaScript suivant à l'en-tête HTML. Il s'agit d'une simple instruction document.createElement, utilisant des commentaires conditionnels pour appeler ce fichier js pour IE. Opera, FireFox et autres navigateurs non-IE ignoreront ce code et il n'y aura pas de requête http.

Copier le code
Le code est le suivant :



Le code ci-dessus ne s'exécutera que sous le navigateur IE. Une autre chose à noter est que lors de l'appel du fichier html5.js dans la page, il doit être ajouté dans l'élément head de la page, car. le navigateur IE doit analyser l'élément Cet élément est connu auparavant, ce fichier js ne peut donc pas être appelé en bas de page.
L'auteur a mis ce fichier html5 js sur le projet de code Google pour que tout le monde puisse l'appeler directement. Bien sûr, si vous pensez que cela affectera la vitesse d'ouverture de votre page Web, vous pouvez directement télécharger le fichier html5 js. votre propre serveur et appelez-le séparément.
Ce qui suit est le code dans le fichier js de html5 :


Copiez le codeLe code est le suivant :
(function(){if(!/*@cc_on!@*/0)return;var e = « abbr,article,aside,audio,canvas,datalist,details,dialog, source d'événement, figure, pied de page, en-tête, hgroup, marque, menu, compteur, navigation, sortie, progression, section, heure, vidéo".split(','),i=e.length;while(i–){document. createElement(e[i] )}})()

En plus d'appeler le fichier js contenant le code ci-dessus dans la page Web pour que le navigateur IE prenne en charge les éléments HTML5, vous pouvez également ajouter le code directement à la page Web de la manière suivante.


Copier le codeLe code est le suivant :
<script> <br>(function(){if(!/*@cc_on!@*/0)return;var e = « abbr,article,aside,audio,canvas,datalist, détails, boîte de dialogue, source d'événements, figure, pied de page, en-tête, hgroup, marque, menu, compteur, navigation, sortie, progression, section, heure, vidéo ».split(','),i=e.length;while(i– ){document .createElement(e[i])}})() <br></script>
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal