js에 CSS 외부 파일을 도입하는 방법

js에 CSS 외부 파일을 도입하는 방법: 사용자 정의 함수로 작성하고, URL은 파일 경로이며, 코드는 [var script = document.createElement('script')]입니다.

• 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
  

JS CSS 외부 파일 도입 방법:

나중 요소에 대한 사용자 정의 함수(url은 파일 경로)로 작성합니다. 호출:

//加载外部css文件
function dynamicLoadCss(url) {
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.type='text/css';
link.rel = 'stylesheet';
link.href = url;
head.appendChild(link);
}
dynamicLoadCss("文件路径");  //自动调用函数;
//加载外部js文件
function dynamicLoadJs(url) {
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type='text/jajvascript';
script.href = url;
head.appendChild(script);
}
dynamicLoadCss("文件路径");  //自动调用函数;

참고:

js 스크립트 파일이 head 태그에 위치하든지 body 태그에 위치하든, 개발 요구 사항에 따라 선택할 수 있습니다.

사용된 주요 지식 포인트는 다음과 같습니다: 요소 생성 및 요소 추가

document.createElement("元素名称");

document.createElement("元素名称");

사실 외부 js 스크립트 파일이나 외부 CSS 스타일을 가져오는 방법은 비슷합니다.

외부에서 가져온 CSS 파일은 head 태그 내에만 배치할 수 있는 반면, js는 head 태그 내, body 태그 내 또는 html 태그 외부에 배치할 수 있습니다.

관련 학습 권장 사항: js 비디오 튜토리얼(무료)

위 내용은 js에 CSS 외부 파일을 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!