본문 바로가기
Development/Web

[javascript] window.onload not working

by Sonagiya 2021. 4. 15.
반응형

window.onload 가 동작을 안해요~

 

특정 페이지 진입 시 window.onload 에 function 을 연결하여 사용하는데 동작이 되지 않는 케이스가 발생했습니다.

	window.onload = function(){
		console.log('window onload');
	}

 

크롬 개발자 도구로 확인해도 오류도 없고 별다른 로그도 보이지 않았습니다.

뭐가 잘못된 것일까요?...

 

크롬 개발자 도구로 동작이 잘되는 화면과 안되는 화면을 비교해가며 디버깅을 해봤습니다.

 

페이지 로드 시 웹에서 앱으로 스킴형식으로 데이터를 전달하기 위해 아래와 같은 코드를 사용하는 부분이 있다는 사실을 발견했습니다.

window.location.href="xxxxxx"

 

페이지로드와 동시에 window.location.href 를 사용하면 window.onload에 function이 호출이 되지 않아요...

 

하지만 load 시점에 무엇을 해야 한다면 아래 처럼 addEventListener 로 "DOMContentLoaded"를 사용해보세요~

	window.addEventListener('DOMContentLoaded', function(){
		console.log('window addEventListener DOMContentLoaded');
	});

 

 

반응형

'Development > Web' 카테고리의 다른 글

버블링과 캡처링 with Vue // bubbling and capturing  (0) 2023.03.23
node(npm) 버전관리 nvm 으로! for Mac  (0) 2023.03.10
Typescript의 Generics 와 keyof  (0) 2022.05.31
Frontend loadmap  (0) 2022.02.23

댓글