IT/JavaScript 5

javascript - setTimeout()으로 웹 페이지 자동 연결

DOCTYPE html> setTimeout()으로 웹 페이지 자동 연결 var timerID=null; function func1() { alert('func1() 호출됨!'); } function func2(name) { alert(name + ' : func2() 호출됨!'); } function startTimer(time) { // 타이머 시작 timerID = setTimeout("load('http://www.naver.com')", time); // 세가지 표현 모두 가능 //timerID = setTimeout(function () { alert('aa') }, time); //timerID = setTimeout(func1, time); //timerID = setTimeout('fun..

IT/JavaScript 2018.08.31

javascript - form submit 제한의 여러가지 방법

DOCTYPE html> Insert title here function func1() { //document.frm.id.focus(); // 포커스 설정 //document.frm.id.blur(); // 포커스 해제 document.frm.id.select(); // value값 선택 } function func2() { // 아이디 입력하지 않았으면 '입력하세요' 포커스주기 if (document.frm.id.value == '') { // (document.frm.id.value.length == 0) alert('아이디를 입력하세요'); document.frm.id.focus(); return; } // 4~10자 아이디 글자수 제한 if (frm.id.value.length < 4 || fr..

IT/JavaScript 2018.08.30

javascript - 이벤트 기초 및 활용법, preventDefault, stopPropagation, form, radio, checkbox

DOCTYPE html> Insert title here * { margin: 5px; padding: 5px; border: 3px solid black; } function func1 (e) { var a = e.target; // a태그, 이벤트타겟(소스) a.style.backgroundColor = 'blue'; // 하이퍼링크 기능 막기 // return false; e.preventDefault(); // 이벤트 전파막기(버블단계. 자식->부모) e.stopPropagation(); } function func2 (h1) { h1.style.backgroundColor = 'red'; } 네이버 DOCTYPE html> Insert title here function init() { var ..

IT/JavaScript 2018.08.27

javascript - document.getElementById, document.write(), prompt, eval, 조건문, 반복문, 함수

DOCTYPE html> 자바스크립트 코드 위치 function over(obj) { obj.style.backgroundColor="yellow"; var objH3 = document.getElementById('a'); objH3.style.color = 'red'; objH3.style.backgroundColor = 'violet'; } function out(obj) { obj.style.background="white"; var objH3 = document.getElementById('a'); objH3.style.color = 'black'; objH3.style.backgroundColor = 'white'; } 마우스를 올려 보세요 여기에 마우스를 올리면 배경색이 노란색으로 변합니다...

IT/JavaScript 2018.08.26

javascript - 함수정의, 함수호출, 익명함수

DOCTYPE html> Insert title here // 함수정의 function prn() { document.writeln('Hello Javascript!! '); } // prn()의 끝 function mySum(a, b, c) { document.write(a+'+'+b+'+'+c+'='+(a+b+c)+' '); } function myAbs(num) { if (num < 0) { num = -num; } return num; // return numb) { result = a; } else { result = b; } return result; } // 함수호출 prn(); // 출력 "Hello Javascript!!" mySum(10, 20, 30); // 값을 전달 받아서 출력 "..

IT/JavaScript 2018.08.24