개발하는 냥이 (=ↀωↀ=)

객체.onclick = fn2; -> 기존방식 태그내에 onclick값이 있을 경우 추가로 설정시 덮어쓰기됨 여러개의 이벤트 함수 호출 불가능 객체.addEventListener(이벤트타입, 콜백함수(이벤트리스너), 전파방식(캡처링, 버블링)) -> 요즘권장방식 태그안에 직접 쓰던 onclick이 아닌 타입인 click만 줌 button 태그내에 onclick값이 있을 경우 모두 실행됨 onclick 속성이 아닌, 별도의 이벤트로 관리 이벤트 중첩(다중) 등록이 가능 이벤트 삭제 객체.removeEventListener(이벤트타입, 콜백함수(이벤트리스너)) CSS 소스 HTML 소스 표준 이벤트 설정방식 클릭 스크립트 결과

개발/JavaScript 2020. 7. 29. 15:01

고전 이벤트 설정 방식 - 태그에 이벤트 직접 설정하기 : 권장하지 않는다. 확인 - 태그 객체에 프로퍼티를 활용 : 객체.on이벤트타입 = 콜백함수; 확인 var btn = document.querySeletor("button"); btn.onclick = function () {}; function doAction () {}; btn.onclick = doAction; -> doAction()을 주면 실행 결과만 옴, doAction만 써야 함수를 넘김 고전이벤트 방식 1 CSS 소스 HTML 소스 고전 이벤트 설정 연습 버튼1 버튼2 스크립트 결과 고전이벤트 방식 2 HTML 소스 고전 이벤트 설정 연습2 시작 중지 스크립트 결과

개발/JavaScript 2020. 7. 29. 14:14

CSS 소스 HTML 소스 슬라이드 슬라이드 효과 스크립트 소스 결과

개발/JavaScript 2020. 7. 17. 15:34

CSS 소스 HTML 소스 아코디언 기능 오늘은 자바스크립트 CSS 적용하는 날 오늘은 자바스크립트 CSS 적용 오늘은 자바스크립트 CSS 적용 오늘은 자바스크립트 CSS 적용 스크립트 소스 결과

개발/JavaScript 2020. 7. 17. 12:42

소스 영화 음악 원피스 극장 13기 전설의 해적왕 그가 남긴 마지막 보물을 가지기 위한 젊은이들의 ... 복면가왕 - 음악 대장(하현우) 전설의 10연승 ... 결과

개발/JavaScript 2020. 7. 16. 16:05

소스 크게 작게 HTML 요소 HTML 요소(HTML 엘리먼트, HTML element)는 HTML 문서나 웹 페이지를 이루는 개별적인 요소를 의미하며, 문서 객체 모델(DOM)으로 파싱된다. HTML은 트리나 HTML 노드(텍스트 노드 등)로 구성된다. 각 노드는 HTML 속성을 지정할 수 있다. 노드들은 기타 노드와 텍스트를 포함한 콘텐츠도 소유할 수 있다. 수많은 HTML 노드들은 시맨틱이나 의미를 표현한다. 이를테면 title 노드는 문서의 제목을 나타낸다. 문서와 DOM HTML 문서들은 "문서"(document)로 전달된다.[note 1] 이들은 구문 분석 과정을 거쳐 웹 브라우저 내에서 문서 객체 모델(DOM) 내부 표현으로 변환된다.[note 2][note 3] 화면과 같은 웹 브라우저의 ..

개발/JavaScript 2020. 7. 15. 17:15

- Element.style.속성명 을 통해 적용중인 속성값 확인 : style속성에서 직접준것이 아닐 경우 확인 불가 - document.defaultView.getComputedStyle(Element) 를 통해 적용중인 Style 확인 가능 - 프로토타입의 게터에서 정보를 추출 : document.defaultView.getComputedStyle(Element).getPropertyValue("속성명")) 소스 DIV 입니다. 결과

개발/JavaScript 2020. 7. 15. 15:04

CSS 소스 HTML 및 스크립트 소스 CSS 적용하기 결과

개발/JavaScript 2020. 7. 15. 14:23