반응형

마니의 공부방/Javascript 2

[javascript] onload()와 ready()

onload()와 ready() 프론트단 작업을 할때, onload를 주로 많이들 사용하는것 같다. 비슷한 함수로 ready()가 있는데.. 차이가 뭔지 찾아보다보면 브라우저에서 랜더링이 어떻게 되는지도 알게되더라는.. $(document).ready(function(){ alert('reday'); }); $(window).onload(function(){ alert('load'); }); 웹 브라우저의 HTML문서 렌더링 과정 불러오기(Loading) 불러오기는 HTTP 모듈 또는 파일시스템으로 전달 받은 리소스 스트림(Resource Stream)을 읽는 과정으로 로더(Loader)가 이 역할을 맡고 있다. 로더는 단순히 읽는 것이 아니라, 이미 데이터를 읽었는지도 확인하고, 팝업창을 열지 말지, ..

[js] 키보드 접근성을 위한 tabindex 사용

1. 레이어 띄우면서 레이어에 tabindex=0 주고 focus 시키고 removeAttr tabindex 처음 포커스는 레이어가 뜨는 순간 레이어의 내용을 읽어주게끔 위해. Remove하는 이유는 다시 tab 탐색시 포커스가 되지 않게 하기위해.. Div는 원래 포커스 안가니까... 2. 레이어 내부에서 tab(shift+tab 포함) 루프.. Alert/confirm/새창 모두 tab은 루프됨. 기본 Script alert. Confirm. 새창팝업과 ux/ui 유지.. $(document).on('keydown', '.pop_container .ui_btn_close', function (e) { var isShift = window.event.shiftKey ? true : false; $(do..