JS의 CSS 동적 로딩은 테마 변경이 가능한 인터페이스에서 매우 중요합니다. 아래에 자세히 설명된 것처럼 사용자는 탐색 습관에 따라 원하는 페이지 표시 방법을 선택할 수 있습니다.
다음 방법이 도움이 되셨으면 좋겠습니다.
(1) JavaScript를 사용하여 Js 파일을 동적으로 로드
/*JavaScript动态加载Js文件*/ var scriptNode = document.createElement('script'); scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ document.head.appendChild(scriptNode);
(2) JavaScript를 사용하여 CSS 파일을 동적으로 로드
/*JavaScript动态加载Css文件*/ var cssNode = document.createElement('link'); cssNode.rel = 'stylesheet'; cssNode.type = 'text/css'; cssNode.media = 'screen'; cssNode.href = 'style.css?t='+new Date().getTime();/*附带时间参数,防止缓存*/ document.head.appendChild(cssNode);
위 내용은 javaScript를 사용하여 Js 파일과 Css 파일을 동적으로 로드하는 방법입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.