목차
접기
728x90
반응형
<body class="none">
<div class="header_html"></div>
<h2>나는 테스트1</h2>
<script>
$('.header_html').load('./header.html');
window.onload = function() {
$('body').removeClass('none');
}
</script>
</body>
기존에 사용하던 방법에서는 window.onload를 사용하지 않았다.
html 요소들을 모두 불러오기 전에 header 부분을 불러와서 화면의 반짝 거림이 심하게 느껴져셔
window.onload를 사용하여 브라우저가 html의 모든 요소들을 불러온 후
body를 불러주도록 하였다.
728x90
반응형
LIST
'javascript' 카테고리의 다른 글
| [ jQuery ] 같은 부모 아래 다른 자식 요소 찾기 / 형제자매 요소 select .siblings() / (0) | 2021.09.01 |
|---|---|
| [ jquery ] localStorage 사용법 (2) | 2021.07.23 |
| swiper 참고 사이트 (0) | 2021.07.20 |
| 차트 리스트 참고 링크 (0) | 2021.07.19 |
| jquery를 이용한 html 파일 로드 방법(header 파일 삽입 방법) (0) | 2021.07.16 |