자바스크립트 썸네일형 리스트형 자바스크립트 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. 인라인 자바스.. 더보기 JSP,자바스크립트간의 정보 전송 JSP 는 서버 언어자바스크립트는 클라이언트 언어 1. 자바스크립트의 변수에 JSP 변수를 지정하는 것 (가능) 2. JSP 변수에 자바스크립트의 변수를 지정하는 것. (불가능) 정의상 불가능하지만 꽁수로 하는 방법이 있다. 1) 팝업창에 넘기는 것(다른 페이지의 자바스크립트 변수에 지정가능) get 방식이나 post 방식으로 넘길수 있다.var URL = "페이지 주소.jsp?name= "+name +"&year=" + yearvar rtnVal = window.showModalDialog(URL, "", "dialogWidth:0; dialogHeight:0; help:no; status:no;");위와 같이 자바스크립트의 변수에 넣은 값을 팝업창 페이지의 주소값 뒤에 값을 넘겨서팝업창에서는와 같이 .. 더보기 이전 1 다음