event 이벤트 입력 방법 3가지 1. html 태그 object에 입력 2. 태그 object에 이름을 준 후 스크립트에서 입력 3. 이벤트리스너 변수명.addEventListener("이벤트종류",function(e){}) -리스너 함수 이벤트의 종류 e.type 좌표값 x=e.clientX y=e.clientY 이벤트 대상 e.target 마우스 이벤트 - onclick - ondblclick - onmouseover - onmouseout - onmousedown - onmouseup - onmousemove click dblclick mouse over mouse out mouse down mouse up mouse move 키보드 이벤트 - onkeydown - onkeyup - onkeyp..

DOM객체 : Document Object Model, Document의 내용, 구조, 스타일등을 수정,추가,삭제할수 있도록 제공되는 객체 Core Dom : 모든 문서 형식을 위한 표준 모델 XML DOM: XML 문서을 위한 표준 모델 HTML DOM : HTML 문서를 위한 표준 모델 선택자 직접선택자 window.onload=function(){ var hTit=document.getElementsByTagName("h1")[0]; hTit.style.color="green"; //var pText=document.getElementsByTagName("p")[0]; 둘다 사용 가능 //pText.style.backgroundColor="pink"; var pText=document.querySe..

브라우저객체 : 브라우저에 내장되어 있는 객체 window 객체 : 객체는 일반적으로 대문자로 시작하지만, window객체는 소문자로 시작. 메서드 open("주소","윈도우창 제목","옵션"); 옵션 : width,height,top,left,menubar=yes/no,status=yes/no,toolbar=yes/no,resizable=yes/no 단위 px은 생략 window.open("30-for-실습.html","popup","width=400,height=500,top=100,left=100"); * window.close(); 닫기 alert() , prompt() , confirm() window.alert("설문이 시작됩니다"); var userAge=window.prompt("당신의 나..

문자열객체 string 선언 //var str = new String("welcome"); 문자가 배열로 var str="welcome"; console.log(str) 속성과 메서드 var str = "hi javascript!"; document.write(str, " "); //특정위치의 문자 출력 document.write("5번째 문자 추출 : " + str.charAt(5), " "); //특정위치의 문자 여러개 추출 substr(시작위치,갯수) document.write("4번째부터 4글자 : " + str.substr(4, 4), " "); //특정위치의 문자 여러개 추출 substring(시작위치,끝위치) document.write("8번째부터 13번째까지 : " + str.substri..

Array 배열객체 배열 선언 1. var 배열명 = new Array(); 배열명[0]=데이터1; 배열명[1]=데이터2; 배열명[2]=데이터3; 2. var 배열명 = new Array(데이터1, 데이터2,데이터3); 3. var 배열명 = [데이터1, 데이터2]; var fruits = new Array(); fruits[0] = "apple"; fruits[1] = "grape"; fruits[2] = "pear"; console.log(fruits); var fruits2 = new Array("melon", "banana", "orange"); console.log(fruits2); var fruits3 = ["kiwi", "strawberry"]; console.log(fruits3); con..

function 자주 사용되는 작업을 별도로 저장해둔 것 괄호() 필수 여기서 확장된 개념이 라이브러리 익명함수 최근에 많이 사용하는 방식 var 변수명=function(){ 함수표현식; } var hi=function(){ document.write("hello"); } hi(); 선언적 함수 예전 방식 function(hi){ document.write("hello"); } hi(); 가변인자 함수 1.기본함수 function 함수명(){ 실행할문장;} function hi(){ console.log("hello!") } hi(); var 함수명=function(){ 실행할문장;} 함수명(); 2.매개변수 함수 function 함수명(매개변수){ 실행할 문장;} 함수명(값); function hi(u..