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 파일을 동적으로 로드하는 방법입니다. 모든 분들의 학습에 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
