웹프로그래밍/javascript
-
자바스크립트 - 기본 내장객체웹프로그래밍/javascript 2018. 7. 20. 15:11
기본 자료형 - 숫자, 문자열, 불리언기본 자료형과 객체는 다르다. (숫자 자료형과 객체 자료형을 연산하면 결과가 달라지므로 주의) 기본 자료형에 속성이나 메서드를 사용하면 자동으로 객체로 변환된다.(일회용, 사용시 한번만 변환)->prototype으로 완전히 바꿀수 있다.단, 기본 자료형이 속성이나 메서드를 가질 수는 없다. (객체가 아니기 때문에) 기본 내장객체 메서드는 w3schools 사이트를 참고한다. -Object 객체 생성var object = {};var object = new Object(); -typeof : constructor를 이용한 기본 자료형과 객체 자료형 검사 -소수점 자릿수 -함수는 속성과 메서드를 갖는다. -MAX_VALUE : 자바스크립트 최대 숫자 -String.len..
-
자바스크립트 - DOM (Document Object Model)웹프로그래밍/javascript 2018. 7. 20. 14:24
DOM은 웹브라우저가 HTML 페이지를 인식하는 방식DOM을 사용해서 HTML 페이지에 태그를 추가/수정/제거xml/json 등의 데이터를 클라이언트 측에서 받아서 처리하는 경우에 주로 쓰인다. HTML 페이지는 정적인데 자바스크립트로 문서 객체를 생성하는 것은 동적이다. - createElement(태그 이름) / createTextNode(문자) -createElement / appendChild : 에 이미지 넣기 -innerHTML -getElementById(특정 id의 태그만 적용) Header Header -getElementsByTagName(문서 내 태그 전체 적용) Header Header -getElementById를 이용한 해당 문서 객체의 스타일 적용 Header -removeCh..
-
자바스크립트 - 이벤트웹프로그래밍/javascript 2018. 7. 20. 13:54
-이벤트 종류마우스 / 키보드 / HTML프레임 / HTML 입력 양식 / 유저 인터페이스/ 구조 변화 / 터치 이벤트 -이벤트 모델문서 객체에 이벤트를 연결하는 방법 -이벤트 핸들러이벤트를 처리하는 함수? -onclickClick Click Click -onclick 이벤트 전파(이중 submit) 버블링: 어떤 이벤트가 자식노드에서 부모 노드 순으로 발생하는 것 Pagagraph -onclick 이벤트 전파 방지 stopPropagation / cancelBubble(익스플로러 전용) Pagagraph -onsubmit 이름 비밀번호 비밀번호 확인 -onsubmit : return 이름 비밀번호 비밀번호 확인 -attachEvent(익스플로러 전용) Click -detachEvent Click -ad..