본문에서 JavaScript를 사용하여 머리에 스타일시트를 삽입하는 방법은 무엇입니까?

Body의 JavaScript를 사용하여 Head에 스타일시트 삽입

웹사이트에 CSS 스타일시트를 추가해야 할 때 CMS 섹션이 문제를 일으킬 수 있습니다. 이 문제는 JavaScript를 활용하여 스타일시트를 섹션의 끝에 스크립트 자체가 추가된 경우에도 마찬가지입니다.

이를 달성하려면 새로운 요소는 JavaScript를 사용하여 동적으로 생성됩니다. 이 요소는 적절한 속성으로 구성됩니다.

• type: "text/css"
• rel: "stylesheet"
• href: 스타일시트의 URL 로드됩니다

생성되면 요소는 Document.head 객체의appendChild() 메소드를 사용하는 섹션.

예:

function addCss(fileName) {
  const head = document.head;
  const link = document.createElement("link");

  link.type = "text/css";
  link.rel = "stylesheet";
  link.href = fileName;

  head.appendChild(link);
}

addCss('{my-url}');

이 코드는 새로운 지정된 href가 있는 요소를 섹션.

jQuery 사용:

function addCss(fileName) {
  $("<link />", {
    rel: "stylesheet",
    type: "text/css",
    href: fileName
  }).appendTo('head');
}

addCss("{my-url}");

참고: 기술적으로 요소를 섹션은 HTML 사양을 위반하므로 권장되지 않습니다. 따라서 요소를 규정 준수 및 향후 브라우저 호환성 문제에 대한 섹션을 참조하세요.

위 내용은 본문에서 JavaScript를 사용하여 머리에 스타일시트를 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!