목록Front-end (81)
Daily coding
핸들링 중 onchange 사용해서 링크 클릭해서 변화가 있을 때마다 이벤트 발생 미술관 및 박물관의 링크 대상을 선택 서울시립미술관 국립현대미술관 예술의전당 국립중앙박물관 서울역사박물관 국립민속박물관 사이트이동
방법 1: TagName으로 찾기 ( nodeList ) var str = document.getElementsByTagName("input")[1].value; 방법 2 : name 부여해서 찾기 var str = document.frm.answer.value; 방법 3 : name/id/class 없이 document에서 직접 노드 찾기 var str = document.forms[1].elements[1].value; (문제) 1,2번째 방법 영어 속담으로 "1일 1개씩 먹으면 의사 필요없다"라고 하는 과일은? 영어로 답한다. 답: 정답확인 3번째 방법 영어로 쓰기. 답: 정답
배경색의 변경 ※ 다음 버튼을 클릭하면 홈페이지의 배경색을 변경할 수 있습니다. 빨강 녹색 청색 주황색 검정색 흰색
이벤트 핸들링 1. onload : 웹페이지가 읽혀질 때 이벤트를 줄수 있음 : --> 나이 : 세 우편번호 입력란 : T: -
1. html에서 Anchor 태그 이용 * a : 페이지주소.html?데이터아이디=데이터&데이터아이디2=데이터2 (url으로 넘어감) - 페이지 주소로 넘어갈 때, 데이터를 넘겨줌 (모두 String) ex> a href="NewFile.jsp?name=홍길동&age=24 2. html에서 form의 input 태그 이용하기 ( type: submit ) 2. 자바스크립트에서 location.href 이용하기 ex > location.href = "index3.html"; // form 에서는 페이지 이동 전에 데이터가 들어있는지 확인이 번거롭다. // 입력받은 데이터를 확인 후, 그 데이터를 가지고 링크를 이동하기 위해서는 // 자바스크립트에서 먼저 데이터 확인을 거친 후 직접 보내주는 것이 좋다. ..
* 진수의 변환은 자바에서의 방식과 비슷하다. var number = 12; 1. 10진수 -> 2진수, 8진수(String), 16진수(String) * toString 사용하기 number.toString(2) ---> number라는 변수를 2진수로 변환 number.toString(8) ---> number라는 변수를 8진수로 변환 (String 타입) number.toString(16) ---> number라는 변수를 16진수로 변환 (String 타입) 2. 2진수, 8진수, 16진수 -> 10진수 var bin = 11001010; // 2진수 var oct = "24"; // 8진수 var hex = "ab"; // 16진수 * parseInt 사용하기 parseInt(bin,..
String 타입의 메소드들 indexOf : 특정 문자열이 처음 나오는 위치를 인덱스 값으로 출력 str = str.indexOf("dummy"); lastIndexOf : 특정 문자열이 마지막으로 나오는 위치를 인덱스 값으로 출력 str = str.lastIndexOf("dummy"); search() : 검색 str = str.search("dummy"); substring (처음인덱스, 마지막+1 인덱스) : 문자열을 자르기 str = str.substring(0,4); split(특정문자) : 특정 문자를 기준으로 문자열을 잘라줌 str = str.split("-"); charAt(인덱스) : 문자열의 인덱스에 해당하는 문자 출력 str = str.charAt(0); trim( ) : 문자열의 ..
setInterval : 일정한 간격으로 특정 함수를 호출하는 함수 setInterval("함수명", 초); ---> 초단위는 1/1000초 단위로, 1000을 입력하면 1초 간격으로 함수가 갱신된다. - 변수를 하나 선언하여 interval의 값을 저장하고 초기화 및 타이머 종료가 가능하도록 한다. ex > var time = setInterval ( "func()", 1000 ); ---> func() 함수를 1초간격으로 갱신해준다 * interval을 설정하기 전에, 변수를 초기화 시켜주도록한다 (이전 타이머 값을 초기화) ex > clearInterval ( time ); ---> time에 들어있는 interval값을 초기화시킨다 ( =종료시킴) * 특정 횟수만큼 반복 시키기 위해서 count ..
* Javascript에서 id, class, name id : 객체의 이름을 부여할 때 중복값을 허용하지 않는다(하나의 파일에는 반드시 1개의 아이디만 인식) Javascript에서 html 태그의 값을 가져오거나 내보낼 때 이용한다. class : 객체의 이름을 부여할 때 중복값을 허용한다. css에서 주로 사용한다. name : jsp 등 외부로 값을 던질 때 사용한다. * id, name : input 태그에서 많이 사용함 * 특징 - class 와 name은 중복이 가능하다 - id는 자바스크립트에서 확인용, name은 jsp 전송용으로, 같은 이름을 주고 _등의 기호로 구분하여 사용함 - id 처리 : getElementById var text = document.getElementById("..