일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- Method
- jsp
- jQuery
- Event
- 자바
- File 클래스
- 코틀린#클래스#상속
- String
- property
- 데이터베이스
- spring
- array
- springframework
- javaservlet
- 다형성
- 연락처 프로그램
- Java
- GUI
- 연산자
- html
- function
- 파일 입출력
- JavaScript
- 상속
- css
- list
- 설치
- kotlin #return #jump
- 윈도우 #단축키
- 오라클
- Today
- Total
목록2017/04 (43)
Binary World
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263JavaScript HTML event 빨강 녹색 파랑 // onfocus: 포커스를 받았을 때// -> 입력상자(input)의 배경색을 바꿈function changeBgColor(input){ input.style.backgroundColor = 'lightyellow';} // onblur: 포커스를 잃었을 때// -> 입력상자(input)의 배경색을 원래대로 바꿈function resetBgColor(input){ input.style.backgroundColor = 'white';} // ..
* button 태그의 type 속성:1. button: 클릭할 수 있는 버튼2. submit: form의 데이터들을 서버로 전송(type 속성의 기본값!)3. reset: form의 입력된 데이터들을 리셋(지움) 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394JavaScripth1{ background-color: pink; color: white; font-size: 2.5em; /* 250% */ text-align: center..
1. HTML 태그안에서 이벤트 속성(attribute)에 이벤트 처리 코드를 직접 작성2. HTML 태그의 이벤트 속성에 함수를 설정하고, script에서 함수를 구현3. script 안에서 이벤트 리스너(핸들러)를 등록 12345678910111213141516171819202122232425262728293031323334353637383940JavaScript JavaScript를 사용한 HTML 이벤트 처리 onclick 이벤트에서 코드를 직접 작성다이얼로그(pop-up) 띄우기onclick 속성에서 JS 함수 호출script에서 이벤트 리스너를 등록 function change(para){ // var para = document.getElementById('para'); // content ..
* JavaScript를 사용해서 HTML element를 찾는 방법: 1. getElementById('id') 2. getElementsByTagName('tagName') 3. getElemnetsByClassName('className') 4. CSS 선택자: querySelectorAll('선택자'), querySelector('선택자') 5. HTML object collection : body, form, images, anchors, ... 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051JavaScript#p1 { border: 1px solid grey;} HTML 요소..
123456789101112131415161718192021222324252627282930313233343536373839404142JavaScript DOM(Document Object Model)여기는 단락입니다. var output = document.getElementById('output');var para = document.getElementById('para1');output.innerHTML += 'tagName: ' + para.tagName + ' ';output.innerHTML += 'parentElement: ' + para.parentElement + ' ';output.innerHTML += 'children: ' + para.children + ' ';output.inne..
12345678910111213141516171819202122232425262728293031323334353637383940JavaScript JavaScript Date var output = document.getElementById('output'); // 현재 시간var curDate = new Date()output.innerHTML += curDate.toString() + ' ';output.innerHTML += curDate.toUTCString() + ' ';output.innerHTML += curDate.toDateString() + ' '; // 특정 시간의 Date 객체 생성var today = new Date(2017, 3, 6, 1, 20, 30);output.innerH..
1234567891011121314151617181920212223242526javascript JavaScript Number var output = document.getElementById('output'); output.innerHTML += parseInt('10 20 30') + ' ';output.innerHTML += parseInt('year 2030') + ' ';output.innerHTML += parseInt('1.23') + ' '; output.innerHTML += parseFloat('10 20 30') + ' ';output.innerHTML += parseFloat('year 2030') + ' ';output.innerHTML += parseFloat('1.23') +..
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687JavaScript JavaScript String 메소드 var output = document.getElementById('output'); var str1 = '안녕하세요'; // 문자열 상수(String literal)var str2 = '안녕하세요';if (str1 == str2){ output.innerHTML += '같은 객체 ';} else { output.innerHTML += '다른 객체 ';} ..