2021년 1월 21일 목요일

javascipt 실행 순서

 https://medium.com/gdana/%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%98%B8%EC%B6%9C%EC%88%9C%EC%84%9C-d51a4349be71

DOM 리소스가 작을 경우 (클 경우 1 3 2 )

1. script  순서대로 실행

2. dom 로딩후 window.onload(=body onload)

3. dom 로딩후 $(document).ready(=$(function(){}))


$(document).ready() = $(function())

외부리소스, 이미지와는 상관없이 브라우저가 DOM트리를 생성한 직후 실행

window.load()와 비슷한 시점 실행되고 중복사용해도 선언한 순서대로 실행

(html리소스 작은 경우 onload가 빠름)

(html리소스가 큰 경우 ready가 빠름)


(window).load() = body onload

DOM의 standart 이벤트

Html로딩이 끝난 후 사용

딱한번만 로딩(중복 이벤트 불가)

화면에 필요한 모든 요소(css, js, image..)가 웹 브라우저 메모리에 올려진 다음 실행

화면이 모두 그려진 다음에 실행되는 이벤트에 적합

외부링크나 파일 include 시 그안에 window.load 스크립트가 있으면 둘중 하나 실행

















2021년 1월 18일 월요일

jquery 선택자

 https://gangzzang.tistory.com/entry/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%ACjQuery-%EC%84%A0%ED%83%9D%EC%9E%90

2021년 1월 8일 금요일

java date type simpledataformat 가공방법

 https://everlikemorning.tistory.com/entry/SimpleDateFormat-%ED%8C%A8%ED%84%B4%EB%B0%8F-%EC%82%AC%EC%9A%A9%EC%98%88%EC%A0%9C





2020년 9월 9일 수요일

input box enter 자동 submit 될때

  input box가 form 내부의 입력 을 받는 컴포넌트이므로 엔터키를 누를 경우 form을 서버에 전송하려고 한다.  그런데 form에 action 속성값이 있으면 해당 action을 수행하지만 action 속성값이 없다면 자기자신(페이지)을 다시 불러와서 리프레쉬된다.

 원인이 위와 같다면 해결책은 간단합니다.

엔터키가 들어왔을 경우 실행해야할 함수 뒤에 return false;를

추가하여 더 이상의 작업을 막는 것이죠.

 소스를 다음과 같이 수정하여 해결하였습니다.

 <input type="text" id="test" name="test" size=15 maxlength="14" style="ime-mode:disabled"onKeyPress="if(event.keyCode==13){ onSearch(); return false; }">