자바스크립트 썸네일형 리스트형 자바스크립트 DOM과 이벤트 처리, 입력 검증 * 문서 객체 모델(DOM : Document Object Model)웹문서의 최상위 객체 : document * id로 요소 찾기 : getElementById("태그의 id") * 태그.innerHTML() : 태그 내부의 내용 * 태그.value : 태그의 입력값 * 태그의 속성 변경 : 태그.src = "값" document.getElementById("img2").src = "poodle.png"; * 태그의 스타일 변경 : 태그.style.속성이름 = "속성값"; document.getElementById("img2").style.color = "blue"; * window 객체 - 팝업창 열기 : window.open( url, 윈도우의 name, 옵션); - 타이머 설정 : setTimeo.. 더보기 자바스크립트 정리(2) //NaN : Not A Number 숫자가 아닌데이터 첫번째 정수 : //document.myform.x두번째 정수 : 합계 : //버튼을 클릭하면 자바스크립트 calc()함수 호출!@! --------------------------------------------------------This is a heading 클릭하세요 ---------------------------------------숫자 맞추기 게임숫자 : 추측횟수 : 힌트 : //!!!**--------------------------------------------- function gugu(){ var dau = document.getElementById("dan").value;var str ="";for(var i=1; i 더보기 자바스크립트 정리(1) *자바스크립트Netscape 사의 브렌든 아이크가 개발동적인 웹페이지 작성을 위해 사용되는 클라이언트측 프로그램 언어.모든 웹브라우저에 자바스크립트 해석기가 내장되어 있음.웹페이지의 동작을 정의하는 언어인터프린터 언어 ---> 디버깅하는데 조금 어려움이있음.클라이언트에서 실행됨 ---> 서버의 부담을 줄일수있다.자료형이 없음(가변 자료형)var i = 0;i = "hello";i = true; * 자바스크립트의 활용- jQuery : 자바스크립트 라이브러리- JSON(JavaScript Object Notation) : 자바스크립트의 객체 표기 법, 서로 다른 기종간의 데이터 전송용으로서 XML을 대체하여 많이 사용되고 있음. 텍스트 기반의 데이터 교환 형식. * 자바스크립트의 작성방법1. 인라인 자바스.. 더보기 HTML5 drag&drop * HTML5에서는 drag&drop 을 쉽게 처리할 수 있도록 지원함- 드래그할 요소의 속성에 draggable="true"를 추가해야 함- dragstart : 드래그를 시작할 때- drag : 드래그 도중에 발생- dragenter : 드래그 하다가 새로운 요소 안으로 들어갈 때- dragleave : 요소를 빠져나갈 때- dragover : 드래그 동작 도중에 마우스가 다른 요소 위에 있는 경우- drop : 마우스 버튼을 놓았을 때 발생 더보기 이전 1 다음