728x90
반응형
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 |
댓글