如何在 Internet Explorer 中可靠地動態載入 CSS 樣式表？

在IE 中動態載入CSS 樣式表問題

嘗試使用jQuery 動態載入CSS 樣式表，如下所示：

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

在Internet Explorer 中可能會遇到問題(IE)。

解決方案：

在 IE 中，在載入初始頁面樣式後可靠地新增樣式表需要使用 document.createStyleSheet(url ) 函數。

有關更多信息，請參閱 Microsoft 文檔createStyleSheet.

實現：

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

以上是如何在 Internet Explorer 中可靠地動態載入 CSS 樣式表？的詳細內容。更多資訊請關注PHP中文網其他相關文章！