Comment charger dynamiquement des feuilles de style CSS de manière fiable dans Internet Explorer ?

Chargement dynamique des problèmes de feuille de style CSS dans IE

Tentative de chargement dynamique d'une feuille de style CSS à l'aide de jQuery comme suit :

var head = document.getElementsByTagName('head')[0];
$(document.createElement('link'))
    .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' })
    .appendTo(head);

peut rencontrer des problèmes dans Internet Explorer (IE).

Solution :

Dans IE, l'ajout fiable d'une nouvelle feuille de style après le chargement des styles de page initiaux nécessite l'utilisation du document.createStyleSheet(url ) fonction.

Reportez-vous à la documentation de Microsoft pour plus d'informations sur createStyleSheet.

Mise en œuvre :

url = 'style.css';
if (document.createStyleSheet) {
    document.createStyleSheet(url);
} else {
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head');
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!