외부에서 스타일과 파일을 동적으로 도입하기 위한 Javascript 사용법에 대한 자세한 설명

Javascript 삽입 스타일은 프런트 엔드 개발, 특히 프런트 엔드 성능 및 페이지 스키닝을 수정할 때 널리 사용됩니다.

일반적으로 JavaScript 동적 삽입 스타일에는 두 가지 유형이 있습니다. 하나는 페이지에 외부 스타일을 도입하는 것이고, 다른 하나는 에서 < ; style> 태그는 페이지 스타일을 삽입합니다(이것은 스타일 속성이 아닙니다).

1. 페이지에 외부 스타일 도입:

외부 스타일 파일을 도입하려면 태그를 사용하세요. 이는 비교적 간단하며 다양한 주류 브라우저와 호환성 문제가 없습니다.

function includeLinkStyle(url) {
 var link = document.createElement("link");
 link.rel = "stylesheet";
 link.type = "text/css";
 link.href = url;
 document.getElementsByTagName("head")[0].appendChild(link);
}

외부 스타일 파일을 직접 소개하는 것은 부적절해 보여서 페이지 스타일을 삽입하기 위해 페이지의