IE에서 동적 CSS 로딩이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?

IE에서는 CSS 스타일시트의 동적 로드가 지원되지 않습니다.

이 시나리오에서는 jQuery를 사용하여 CSS 스타일시트의 동적 로드를 시도합니다. 이 기술은 Firefox와 Google Chrome에서는 성공하지만 IE에서는 실패합니다.

해결 방법

IE에서는 페이지와 함께 로드된 모든 스타일이 처리되었을 때 , 추가 스타일시트를 도입하는 신뢰할 수 있는 유일한 방법은 document.createStyleSheet(url)을 사용하는 것입니다. 이 접근 방식에 대한 추가 정보는 createStyleSheet의 MSDN 문서에서 확인할 수 있습니다.

다음은 솔루션을 통합하는 수정된 코드입니다.

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

이 접근 방식은 다른 브라우저의 기능을 유지하면서 IE와의 호환성을 보장합니다.

위 내용은 IE에서 동적 CSS 로딩이 작동하지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!