Daily coding

보호되어 있는 글입니다.

이벤트 핸들링 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("..

체크박스를 선택하면 금액만큼 합계가 더해지는 로직 만들기: 1. 첫번째 방법 : document.getElementById 이용하기 var total = parseInt(document.getElementById("sum").value); function nightlight() { var result = parseInt(document.getElementById("ck1").value); var checked = document.getElementById("ck1").checked;

Date() 1. 날짜 선언하기 오늘 날짜 : var d = new Date(); 2. 날짜 설정하기 (setter) * 1번 방법 var d = new Date ("October 12, 2020 12:32:33"); * 2번 방법 var d = new Date (2020,4,4,6,10,32,0); // 년 월 일 시 분 초 밀리세컨 // --> 2020년5월4일 6:10:32:00 - 설정한 부분의 월은 0~11까지 존재하므로, 원하는 월을 출력하려면 -1로 입력해준다. 3. 날짜 값 불러오기 (getter) - 각각의 값을 불러오기 document.getElementById("demo").innerHTML

Timer ( setInterval ) : 정해진 시간간격으로 함수를 호출한다 function displayDate() { document.getElementById("demo").innerHTML = Date();