Bagaimana untuk Memuatkan Lembaran Gaya CSS Secara Dinamik dalam Internet Explorer?

Memuatkan Isu Lembaran Gaya CSS secara Dinamik dalam IE

Percubaan untuk memuatkan lembaran gaya CSS secara dinamik menggunakan jQuery seperti berikut:

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

mungkin menghadapi masalah dalam Internet Explorer (IE).

Penyelesaian:

Dalam IE, penambahan lembaran gaya baharu selepas gaya halaman awal telah dimuatkan memerlukan penggunaan document.createStyleSheet(url ) fungsi.

Rujuk dokumentasi Microsoft untuk mendapatkan maklumat lanjut tentang createStyleSheet.

Pelaksanaan:

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

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Lembaran Gaya CSS Secara Dinamik dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!