Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memuatkan Lembaran Gaya CSS Secara Dinamik dalam Internet Explorer?

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

DDD
DDDasal
2024-12-06 02:35:10285semak imbas

How to Dynamically Load CSS Stylesheets Reliably in 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn