반응형 javascript10 DOM(Document Object Model) 문서 객체 모델 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 HTML 태그를 제어, 객체로 사용 에 사용할 때에는 항상 window.onload=function(){} 내부에 작성해야 한다 DOM은 태그를 제어하기 때문에 내부에 작성하는것을 선호 웹페이지에 존제하는 HTML요소에 접근하고자 할 때는 window 객체의 document 프로퍼티를 통해 사용할 수 있다. document.메소드 - DOM 요소의 선택 document.getElementsByTagName(태그이름) 인자로 전달된 태그명에 해당하는 객체들을 찾아서 그 리스트를 NodeList라는 유사 배열에 담아서 반환. NodeList는 배열은 아니지만 length와 배열접근.. 2022. 11. 16. 내장객체_문자열 객체 1. var 참조변수 = new String(문자형 데이터) let str = new String("Hello"); console.log(str); 2. var 참조변수=문자형 데이터 let t = "Hello Thank you good luck to you"; 종류 설명 charAt(index) 문자열에서 인덱스 번호에 해당하는 문자 반환 indexOf("찾을문자") 왼쪽부터 찾을 문자와 제일 먼저 일치하는 문자의 인덱스 번호 반환, 없으면 -1 반환 lastIndexOf("찾을문자") 오른쪽부터 찾을 문자와 제일 먼저 일치하는 문자의 인덱스 번호 반환, 없으면 -1 반환 match("찾을문자") 왼쪽부터 찾을 문자와 제일 먼저 일치하는 문자를 반환, 없으면 null 반환 replace("바꿀문자", .. 2022. 11. 15. 즉시실행함수 지역함수 선언에 효과적 같은 이름의 변수 또는 함수의 충돌을 막을 수 있다 일회용 함수 형식 1. 자동호출함수 호출시점에 바로 매개변수 x값을 넣어준다. 마지막 괄호 () 안에 작성 (function(x){ console.log(x*x); //2*2=4 }(2)); 2. 함수명 지정해서 사용 마지막 괄호 밖에 () 작성 (mySquare = function(x){ console.log(x*x); })(3); mySquare(4); 3. 리턴값을 받는 변수 var mySquare = (function(x){ return x*x; })(5); console.log(mySquare); 예시) (function(){ var num=100; function menu(){ num += 100; alert(num);.. 2022. 11. 15. 객체 생성자 함수_프로토타입(prototype) java의 static 개념과 같음 메소드를 공유 메모리 효율성을 위함 메소드를 생성자 함수 밖으로 빼낸다 this가 아닌 객체 생성자명.prototype.함수명을 사용 2022. 11. 15. 내장객체_날짜(Date()), 수학객체(Math()) 내장객체 브라우저 객체 모델(bom) 문서 객체 모델(dom) 브라우저의 자바스크립트 엔진에 내장된 객체 문자,날짜,배열,수학,정규표현 객체 등 1. 날짜 정보 객체 - 현재 날짜의 정보를 제공하는 Date() 객체 생성 참조변수 = new Date(); var t=new Date(); - 생성 시점에 날짜 입력 let start = new Date(2020,7,1); - 생성된 객체의 메서드 (날짜 관련 메서드) 날짜 정보 가져올 때 (GET) 날짜 정보 수정 (SET) getFullYear() 연도 정보를 가져옴 setFullYear() 연도 정보 수정 getMonth() 월 정보를 가져움(현재월 -1) setMonth() 월 정보만 수정 getDate() 일 정보 setDate() 일 정보 수정 g.. 2022. 11. 15. 1114_함수정의 1. function function 함수명(매개변수1,...){ 실행문; return 리턴값; } Function으로 선언된 함수는 호이스팅(hoisting) 되어진다. hoisting : 함수 정의문보다 호출문이 먼저 나와도 함수 정의문을 끌어올려 함수를 호출 let a2=add(5,8); console.log(a2); //함수의 hoisting function add(x,y){ return x + y; } let a=add(10,20); console.log(a); 2. 익명함수 함수명이 없는 함수를 선언하고 변수에 참조 가능 익명함수는 hoisting이 불가능하다 add(5,8); //hoisting 불가 let add=function(x,y){ return x + y; } let a=add(10.. 2022. 11. 15. 이전 1 2 다음 반응형