본문 바로가기

programming/javascript37

windows.onload 와 jquery $(document).ready() windows.onload 와 jquery $(document).ready() window.onalod는 페이지 리소스가지 모두 완료 되었을때 실행 $(document).ready()는 이미지등 리소스와 상관없이 DOM 생성이 완료되면 실행. readyState 상탱 값 uninitialized : 기본상태값 loading : 파일을 내려받기 시작 interactive : 데이터를 완전히 내려받았지만 아직 데이터 전체를 이용할 수 없는 상태 complete : 모든 데이터를 이용할 수 있는 상태 참고 도서 : 자바스크립트 성능 최적화 궁금한점. 보통 자바스크립트는 페이지에서 읽을때 스크립트 실행이 완료되어야 밑에 페이지가 로드가 된다. 그래서 보통 스크립트를 body아래에 사용하여 컨텐츠 출력후에 처리한.. 2013. 7. 11.
onload 이벤트 등록 //Explorer if(window.attachEvent){ window.attachEvent('onload', function() { alert('ie'); } ); } //FF else if(window.addEventListener){ window.addEventListener('load', function() { alert('ff'); }, false); } 2013. 6. 4.
html element 위치 값 offset그룹============================================================================ 내용: offsetLeft, offsetTop의 기준 좌표계가 될 컨테이너 엘리먼트 일반적인 경우 = Document 동적인 위치의 경우=동적위치가 적용된 상위 엘리먼트 jQuery -offsetParent() javascript-(Element) offsetParent() 내용- 엘리먼트의 너비 높이( 단 margin제외, border, padding, scrollBar포함 ) jQuery - outerWidth(), outerHeight() javascript-(int) offsetWidth, offsetHeight 내용-컨테이너(offsetParen.. 2013. 4. 21.
이벤트 중지 preventDefault 역시 IE는 다르다. event.preventDefault()가 IE는 안된다. ie는 retrunValue를 사용한다. ie에서도 사용하려면 아래와 같이 사용하자. test onclick을 사용할때는 event객체를 넘겨줘야 한다. 파라미터명에 주의! 2013. 4. 13.