Javascript 동적 로딩 CSS 메소드 요약_javascript 기술

1. 외부 CSS 파일에서 필요한 파일을 로드하는 데 사용됩니다.
@importurl(style.css)
//CSS 파일 또는 스타일 태그에서만 사용할 수 있습니다.
2 . 외부 CSS 파일을 페이지
document.createStyleSheet(cssFile)
2. createElement 메소드를 사용하여 CSS 링크 태그를 생성합니다.
varhead=document.getElementsByTagName('HEAD ' ).item(0);
varstyle=document.createElement('link');
style.href='style.css';
style.rel='stylesheet'; type='text/css';
head.appendChild(style);
다음은 자주 사용되는 두 가지 함수입니다.

코드 복사 > 코드는 다음과 같습니다.

functionloadJs(file){

varscriptTag=document.getElementById('loadScript')
varhead=document.getElementsByTagName( ' head').item(0);
if(scriptTag)head.removeChild(scriptTag)
script=document.createElement('script')
script.src="../js / mi_" 파일 ".js";
script.type='text/javascript';
script.id='loadScript';
head.appendChild(script);
}
functionloadCss(파일){
varcssTag=document.getElementById('loadCss');
varhead=document.getElementsByTagName('head').item(0)
if(cssTag)head.removeChild(cssTag ) ;
css=document.createElement('link');
css.href="../css/mi_" 파일 ".css";
css.rel='stylesheet'; > css.type='text/css';
css.id='loadCss';
head.appendChild(css)