link load event

지니씨·2022년 6월 10일
0

프론트엔드

목록 보기
32/87

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

https://stackoverflow.com/questions/35644072/dynamically-load-css-stylesheet-and-wait-for-it-to-load

load 이벤트는 스타일시트와 가져온 모든 콘텐츠가 로드 및 구문 분석되고 스타일이 콘텐츠에 적용되기 직전에 시작됩니다.

function CSSDone() {
	// css 로드 완료 후 실행
}
var link = document.createElement('link');
link.setAttribute("rel", "stylesheet");
link.setAttribute("type", "text/css");
link.setAttribute("href", 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');
link.onload = CSSDone;
document.head.appendChild(link);
profile
하루 모아 평생 🧚🏻

0개의 댓글