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 중국어 웹사이트의 기타 관련 기사를 참조하세요!