아카이브

속성은 요소들이 가지는 특징입니다.때문에 어떠 속성은 모든 종류의 태그에서 사용할 수 있는 반면, 어떤 속성은 정해진 종류의 태그에서만 사용할 수 있습니다.1. Display요소를 어떤 영역 범위로 하여 보여줄 것인지 결정합니다.blockblock 요소. 한줄을 전부 차지하는 사각형 영역none객체 없음inline내용의 길이에 따라 크기가 달라지는 사각형 영역inline-block표현은 inline이나, 내용은 block 요소. 인접한 inline과는 같은 줄에 표시됨list-item글머리가 추가된 block 요소2. Border영역 범위를 시각화합니다.none선 없음dotted짧은 점선dashed긴 점선solid실선double이중 실선 (borderWidth > 3px)groove3dridge테두리가 ..

DOM Script인 document 객체를 활용하면 자바스크립트로 HTML 객체를 생성할 수 있습니다. 1. 객체 만들기 메소드 매개변수 기능 반환값 createElement str element element에 해당하는 태그 요소 반환 element createAttribute str attr attr에 해당하는 속성 반환 attribute 여기서 객체의 속성을 지정하는 방법은 두 가지가 있습니다. 1. createAttribute() 생성 attribute 변수를 따로 생성한 뒤 nodeValue에 속성값을 입력하는 방법입니다. 이 후 setAttributeNode() 함수를 이용해 element에 부여합니다. function createTag1(){ var element = document.cre..

문서객체모델(Document Object Model)은 HTML과 XML 문서에 대한 프로그래밍 인터페이스입니다.DOM은 각 문서의 요소를 객체(속성+메소드) 단위로 두어 트리 형태로 관리합니다.때문에 DOM을 이용하면 웹 페이지의 문서 구조나 내용을 자유롭게 수정할 수 있습니다.자바스크립트가 HTML 문서에 접근하기 위해서는 DOM이 제공하는 API를 사용해야만 합니다.일반적으로 많이 사용하는 DOM 객체는 document가 있습니다.

1. LocationLocation은 현재 URL에 대한 정보를 제공합니다.속성반환값hash 또는 href 값의 # 다음 부분host호스트 이름과 포트 번호hostname호스트 이름hrefURL 전체pathnameURL 중 특정 리소스에 접근하는 경로 부분port포트번호protocol통신방식searchhref 값의 ? 다음 부분target타깃 프레임의 이름 메소드매개변수기능반환값assign(url)str url : URL 주소URL의 HTML 문서 읽기HTML 문서reload() 현재 문서 다시 읽기HTML 문서replace(url)str url : URL 주소history 객체의 URL을 현재 주소로 대체※ 이전의 주소는 history에 남지 않음HTML 문서 var count = 10;function..

Navigator는 브라우저의 정보를 불러올 수 있는 객체입니다.브라우저는 그 종류와 버전에 따라 지원하는 속성 또는 메소드들이 다르기 때문에,어떤 브라우저 조건에서도 웹이 동작하도록 하려면 브라우저의 조건별로 다른 코드를 짜야 합니다.이를 위해서 먼저 Navigator를 통해 대상 브라우저의 정보를 읽어올 수 있습니다. 속성반환값appCodeName특정 코드 문자열appName브라우저 이름appVersion브라우저 버전cookieEnabled쿠키 사용 여부mimeTypesMIME(Multipart Internet Mail Extension) 타입 리스트platform브라우저가 컴파일된 OS 플랫폼plugins클라이언트에 설치된 플러그인 리스트userAgent클라이언트에게 보내지는 HTTP의 헤더값e.g..

Window는 브라우저와 관련된 객체 중 가장 큰 객체입니다.하나의 document에는 하나의 window 객체가 있습니다.만약 문서 안에 또 다른 문서가 포함되어 있는 구조라면, window 객체도 두 개가 존재하게 됩니다. 문서 안에 문서를 포함하는 구조는 HTML의 태그를 통해 구현할 수 있습니다. 1. 참조각 window 객체는 다른 window에서부터 다음과 같이 참조할 수 있습니다.객체참조winname = window.open( );새로 연 창window.top최상위 프레임window.parent바로 위 프레임window.self자신 (=window)window.openerwindow.open( ) 으로 새 창을 열고 그 window2. 열기window.open( )을 사용해 새로운 wind..

1. 함수JS의 클래스는 함수를 사용하여 정의합니다.함수는 아래와 같이 선언할 수 있습니다.// 1. with namefunction func(a, b, c) { //...}// 2. without namevar func = function () { // ...}2. 클래스클래스는 위의 두 번째 문법을 사용해 구현할 수 있습니다.프로토타입은 JS의 프로그래밍 기반으로, 객체가 복제되거나 생성되더라도 동일하게 유지되는 속성을 관리합니다.따라서 프로토타입 내에서 정의되는 속성과 메소드는 인스턴스에 상관없이 동일하게 존재합니다.단, 같은 이름의 속성이나 메소드가 있으면 프로토타입은 호출되지 않습니다.Classname = function (x) { this.property = x; this.method = fu..

JS에서 사용할 수 있는 함수 중 도움이 될 만한 함수나 연산자들을 정리합니다. 함수기능eval( )파싱isNaN( )NaNisFinite( )유효 연산자기능=== / !=='엄격한' 자료형 비교.== 와는 달리 undefined와 null을 구분함.typeof AA의 자료형 반환A instanceof BA가 B의 인스턴스인지※ == 와 === 차이 비교operand 1operand 2=====0'0'TrueFalse0''TrueFalse0-0TrueFalse0falseTrueFalse'0'falseTrueFalse[ ]falseTrueFalseundefinednullTrueFalseundefinedfalseFalseFalse