홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
추천음악방송메인홈1대1상담음악방송청취
okTrot(구독해주세요)
전통가요(구독해주세요)
뽕짝아가씨(구독해주세요)
아리랑가요(구독해주세요)
음악가사 검색
온라이브스토어(앱다운로드)
온라이브(방송등록및청취)
비디오 베스트 50
금영노래방
TJ노래방
유튜브 동영상 다운로드
POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
운.영.자.1대1.상담
FAQ\지원.프로그램
Q&A\고.객.지.원

자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
객체, 속성, 메소드
7년 전
객체, 속성, 메소드
 

자바스크립트는 객체 지향적 언어라고 하였습니다. 생활주변에서 볼 수 있는 사람, 동물, 자전거, 꽃 등 모든 사물이 객체입니다. 자바스크립트에서 객체(object)란 웹브라우저를 포함한 웹 문서의 모든 구성요소를 말합니다. 즉, 웹브라우저의 상태표시줄, 스크롤바, 웹문서 자체, 레이어, 하이퍼링크, 이미지, 폼버튼 등등 대부분의 구성요소를 객체라고 합니다. 객체들은 또다른 하위 객체들을 가지고 있을 수 있습니다. 이런 이유로 자바스크립트의 객체구조를 계층적구조라고 말할 수 있습니다. 모든 객체는 속성(Property)을 가집니다. window 객체는 frames(프레임), name(윈도우 이름), location(위치) 등의 속성을 가지며 이미지 객체는 가로크기, 세로크기등의 속성을 가집니다. 예를들어 어떤 웹문서의 배경색상이 검정색이라면 이 웹문서의 배경색은 검정이라는 속성을 가지며 자바스크립트에서는 다음과 같이 표현할 수 있습니다.
 

 

document.bgColor="black" (객체.속성="속성값")

 
 

객체와 속성, 객체와 메소드를 연결 할 때에는 (.) 으로 연결합니다
메소드(method)는 객체의 동작과 관련된 것입니다. 「토끼」라는 객체를 예를 들면, 「빛깔이 희다」, 「앞다리가 짧다」 등은 속성에 관한 사항이고, 「뛰어간다」, 「풀을 뜯어 먹는다」 등의 행동은 메소드에 해당합니다. 자바스크립트에서 open() 메소드는 팝업 윈도우를 열어주고, write() 메소드는 문자열을 출력 합니다.
  

2.2. 자바스크립트의 객체들
 

자바스크립트에는 크게 브라우저 객체와 내장객체로 나누어 볼 수 있습니다. 브라우저객체는 웹브라우저(익스플로러, 네츠케이프 등)와 관련된 객체들이고, 내장객체는 자바스크립트 자체에 내장되어 있는 객체들입니다

브라우저 관련 객체로는 navigator, window, document, frame, history, location, form, image, link, radio, text, checkbox, select, textarea 등이 있으며, 내장객체로는 Date, Array, String, Math 등이 있습니다
자바스크립트에서는 브라우저관련 객체에 계층적으로 접근합니다.
네츠케이프와 익스플로러의 브라우저 객체 모형
 

2.3. 브라우저 객체별 속성과 메소드
 

2.3.1. navigator : 브라우저의 이름, 버전 등 브라우저 관련 정보를 알려줍니다  

속성 appCodeName 브라우저 코드 이름을 알려줍니다
appName 브라우저의 이름을 알려줍니다
appVersion 브라우저의 버전정보를 알려줍니다
userAgent 브라우저의 User Agent를 알려줍니다
platform 사용중인 시스템 정보를 알려줍니다
메소드 JavaEnabled() 자바 사용이 가능한지 여부를 true, false 형태로 알려줍니다
 

2.3.2. event : 이벤트에 관한 속성 정보를 알려줍니다
 
네츠케이프 익스플로러
pageX 페이지를 기준으로 이벤트가 발생한 X 좌표 clientX 클라이언트 영역 내에서 이벤트가 발생한 X 좌표
pageY 페이지를 기준으로 이벤트가 발생한 Y 좌표 clientY 클라이언트 영역 내에서 이벤트가 발생한 Y 좌표
screenX 화면을 기준으로 이벤트가 발생한 X 좌표 screenX 화면 영역 내에서 이벤트가 발생한 X 좌표
screenY 화면을 기준으로 이벤트가 발생한 Y 좌표 screenY 화면 영역 내에서 이벤트가 발생한 Y 좌표
which 마우스버튼의 종류(1=왼쪽, 2=가운데, 3=오른쪽) 또는 입력키의 ASCII 값 keyCode 눌려진 키보드의 ASCII 값
target 이벤트가 발생한 HTML 요소 button 마우스 버튼의 종류 (0=없음, 1=왼쪽, 2=오른쪽, 3= 왼쪽+오른쪽, 4=중간,5=왼쪽+중간,6=오른쪽+중간,7=왼쪽+중간+오른쪽)
type 이벤트의 종류 srcElement 이벤트가 발생한 HTML 요소
  type 이벤트의 종류
cancelBubble 상위단계의 이벤트 핸들러 처리여부(처리=false)
 
2.3.3. screen : 사용자 컴퓨터의 해상도와 색상에 관련된 정보  

속성

availHeight 윈도우의 작업표시줄 등과 같은 부분을 제외한 화면의 높이
availWidth 윈도우의 작업표시줄 등과 같은 부분을 제외한 화면의 넓이
height 화면의 높이
width 화면의 넓이
colorDepth 사용가능한 색상 수
 
2.3.4. window : 계층 구조상의 최상위 객체 
 
속성 메소드
closed 창의 닫힘여부(true/false) alert!!!() 경고창을 보여줍니다
defaultStatus 상태표시줄의 초기문자열 blur() focus를 제거합니다
document document 객체 clearInterval() setInterval()메소드에의해 수행되고 있는 함수를 중지합니다
frames 프레임 객체 clearTimeout() setTimeout()메소드에의해 수행되고 있는 함수를 중지합니다
history history 객체 close() 창을 닫습니다
length 프레임의 수 comfirm() 확인버튼이 있는 창을 엽니다
location location 객체 focus() focus를 줍니다
name 창의 이름 moveBy() 상대적 좌표로 창을 이동합니다
opener 현재창을 열어준 윈도우 moveTo!!!() 절대위치로 창을 이동합니다
parent 부모 프레임 open() 새로운 창을 열어줍니다
self 현재창 자신 print() 화면의 내용을 프린트로 출력합니다
status 상태표시줄의 문자열 prompt() 입력란이 있는 대화상자를 엽니다
top 가장 앞쪽 창 resizeBy() 상대적 크기를 이용해서 창의 크기를 변경합니다
window 현재창(=self) resizeTo!!!() 절대크기로 창크기를 변경합니다
  scroll() 창을 스크롤 시킵니다
scrollBy() 상대적 좌표로 창을 스크롤 시킵니다
scrollTo() 절대적 좌표로 창을 스크롤 시킵니다
setInterval() 일정시간 간격으로 지정함수를 반복 호출 합니다
setTimeout() 일정시간 후 지정함수를 호출 합니다
 
2.3.5. history 객체 : 방문한 URL에 관한 정보를 보여줍니다  
속성 length 브라우저의 history 목록에 저장된 URL의 갯수
메소드 back() 한단계 전 URL 로 이동

 
forward() 한단계 뒤 URL 로 이동

 
go() 지정된 단계의 URL 로 이동
 
2.3.6. location : 현재문서의 URL에 관한 정보를 제공합니다  
속성 hash 앵커부분(하이퍼링크의 # 이하부분)
host URL의 호스트부분
hostname URL의 호스트와 Port 부분
href 문서의 URL
pathname URL의 경로부분
port URL의 Port 부분
protocol URL의 프로토콜 부분
search URL의 쿼리정보(? 이하의 부분)
메소드 reload() 문서를 새로고칩니다
replace() 현재의 URL을 새로운 URL 로 고칩니다
 
2.3.7. document : HTML 문서  
속성 alinkColor 링크클릭시 색상
anchors 앵커 객체
applet!!!s 애플릿 객체
bgColor 배경색상
cookie 쿠키 파일의 정보
domain 문서가 있는 서버의 도메인 이름
embeds embed 객체
fgColor 문서의 텍스트 색상
forms form 객체
lastModified 문서의 최종수정일 정보
linkColor 하이퍼링크 색상
links link 객체
referrer 현재 문서를 불러온 이전문서 정보
title 문서의 제목
URL 문서의 URL
vlinkColor 방문한 적이 있는 링크 색상
메소드 close() 문자열 출력 중지
open() 문자열 출력 시작
write() 문자열 출력
writeIn() 지정된 윈도우의 문서에 HTML 형식으로 쓰면서 줄을 바꾸어 줍니다.
 
2.3.8. Image 객체 : 문서내에 있는 이미지에 관한 정보를 담고 있습니다. <img src="이미지명" name=img_name> 과 같은 태그에 의해 생성되는 객체입니다  
속성 border 이미지의 테두리 값
complete 이미지 로드가 완료 되었는지 여부(true/false)
height 이미지의 높이
width 이미지의 가로크기
hspace 이미지의 수평여백
vspace 이미지의 수직여백
length 이미지의 개수
lowsrc lowsrc 로 설정한 이미지의 URL
name 이미지의 name
src 이미지의 URL

2.3.9. Form 객체 : 입력양식에 관한 객체 <form name=myform> 태그에 의해 생성되는 객체입니다  
속성 action 폼 태그의 action 속성
button 버튼 객체
checkbox 체크박스 객체
elements 폼의 하위 객체
encoding 폼태그의 enctype 속성
fileupload fileupload 객체
hidden hidden 객체
length 엘리먼트의 개수
method 폼 태그의 method 속성
name form 의 이름
password password 객체
radio radio 객체
reset reset 객체
select select 객체
submit submit 객체
target 폼태그의 target 속성
text text box 객체
textarea textarea 객체
메소드 submit() 폼 양식을 전송합니다
reset() 폼 양식을 초기화 합니다
 
2.3.10. button 객체 : 폼 객체의 하위객체인 버튼 객체입니다 <input type=button> 태그에 의해 생성되는 객체 입니다  
속성 form 버튼의 상위 폼 객체

 
name 버튼의 이름

 
type 버튼의 타입

 
value 버튼의 값
메소드 blur() 포커스 해제

 
click() 버튼을 클릭

 
focus() 버튼에 포커스를 줍니다
 
2.3.11. checkbox 객체 : 폼 객체의 하위객체인 체크박스 객체 <input type=checkbod> 태그에 의해 생성되는 객체 입니다  
속성 checked 체크되어 있는지 여부(true/false)

 
defaultChecked 기본값으로 체크되어 있는지 여부(true/false)

 
form 상위 폼 객체

 
name 체크박스의 이름 속성

 
type 체크박스의 타입 속성

 
value 체크박스의 value 속성
메소드 blur() 포커스를 해제합니다

 
click() 체크박스를 클릭합니다

 
focus() 포커스를 줍니다
 
2.3.12. fileupload 객체 : 폼 객체의 하위객체인 fileupload 객체 <input type=file> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체

 
name name 속성

 
type type 속성

 
value value 속성
메소드 blur() 포커스를 해제합니다

 
focus() 포커스를 줍니다
 
2.3.13. hidden 객체 : 폼의 하위 객체인 hidden 객체 <input type=hidden> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체

 
name name 속성

 
type type 속성

 
value value 속성
 

2.3.14. password 객체 : 폼의 하위객체인 password 객체입니다 <input type=password> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체
name name 속성
type type 속성
value value 속성
메소드 blur() 포커스를 해제합니다
focus() 포커스를 줍니다
 
2.3.15. radio 객체 : 폼의 하위객체인 라디오버튼 객체입니다 <input type=radio> 태그에 의해 생성되는 객체 입니다  
속성 checked 체크되어 있는지 여부(true/false)
defaultChecked 기본값으로 체크되어 있는지 여부(true/false)
form 상위 폼 객체
length 라디오버튼의 개수
name name 속성
type type 속성
value value 속성
메소드 blur() 포커스를 해제합니다
click() 버튼을 클릭합니다
focus() 포커스를 줍니다
 
2.3.16. reset 객체 : 폼의 하위객체인 reset 버튼 객체입니다 <input type=reset> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체
name name 속성
type type 속성
value value 속성
메소드 blur() 포커스를 해제합니다
click() 버튼을 클릭합니다
focus() 포커스를 줍니다
 
2.3.17. submit 객체 : 폼의 하위 객체인 submit 객체입니다 <input type=submit> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체
name name 속성
type type 속성
value value 속성
메소드 blur() 포커스를 해제합니다
click() 버튼을 클릭합니다
focus() 포커스를 줍니다
 
2.3.18. text 객체 : 폼의 하위객체인 텍스트박스 객체입니다 <input type=text> 태그에 의해 생성되는 객체 입니다  
속성 defaultValue text box 의 초기문자열
form 상위 폼 객체
name name 속성
type type 속성
value value 속성
메소드 blur() 포커스를 해제합니다
select() 텍스트박스 입력란의 문자열을 선택합니다
focus() 포커스를 줍니다
 
2.3.19. select 객체 : 폼 버튼의 하위객체인 목록상자 객체입니다. 하위객체로 option을 가지고 있습니다 <select><option></option></select> 태그에 의해 생성되는 객체 입니다  
속성 form 상위 폼 객체
length option 의 수
name name 속성
options option 객체
selectedIndex 선택된 항목의 index
type type 속성(select 유형)
메소드 blur() 포커스를 해제합니다
focus() 포커스를 줍니다
option객체의 속성 defaultSelected 기본값으로 선택된 항목(true/false)
index 현재옵션의 인덱스
selected 선택된 상태(true/false)
text <option> 다음에 오는 문자열
value value 속성
 
2.3.20. textarea : 폼의 하위객체인 textarea 객체입니다 <textarea></textarea> 태그에 의해 생성되는 객체 입니다  
속성 defaultValue 초기문자열

 
form 상위 폼 객체

 
name name 속성

 
type type 속성

 
value value 속성
메소드 blur() 포커스를 해제합니다

 
select() textarea 입력란의 문자열을 선택합니다

 
focus() 포커스를 줍니다
 

  

2.4. 자바스크립트의 내장 객체
 

 

객체명 내용
Array 동종의 데이터들을 저장하고 다루기 위해 사용하는 배열 객체
Date 날짜와 시간과 관련된 내용을 처리하는 객체
Math 수학 계산을 위한 객체
String 문자열 처리를 위한 객체
 

2.4.1. 배열(Array) 객체
여러개의 데이터를 참조할 때 각 변수를 선언하지 않고 하나의 배열 이름과 구성 번호로 접근하기 위해 접근합니다
 
배열객체 이름 = new Array() 배열객체 이름 = new Array(배열수) 배열객체 이름 = new Array(배열1, 배열2,...)
 
 

 
속성 length 배열의 길이 정보를 담고 있습니다
메소드 join(문자열) 배열에 들어있는 문자열을 결합합니다
reverse() 배열의 순서를 바꾸어 줍니다
sort(compareFunction) 배열을 정열합니다
slice(처음,끝) 배열의 일부를 새로운 배열로 만듭니다
concat(배열객체명) 두 개의 배열을 합쳐서 하나의 배열로 만듭니다

2.4.2. Date 객체
날자와 시간을 표시하거나 설정하는데 사용되는 객체입니다 자바스크립트에서는 그리니치표준시(GMT) 1970년 1월 1일 00시 00분 00초 가 기준입니다
 
객체이름 = new Date()
 

 
 
 
getYear()/setYear() 연도표시/설정
getMonth()/setMonth() 월(0-11)표시/설정
getDate()/setDate() 일(1-31)표시/설정
getDay()/setDay() 요일(0-6)표시/설정
getHours()/setHours() 시(0-23)표시/설정
getMinutes()/setMinutes() 분(0-59)표시/설정
getSeconds()/setSeconds() 초(0-59)표시/설정
getTimes()/setTimes() 기준시(1970년1월1일00:00:00)를 기준으로 경과된 시간을 milisecond 로 표시/설정
toString() 날짜와 시간을 문자열로 변환
toLocaleString() 날짜와 시간을 지역시간 문자열로 변환
toGMTString() 날짜와 시간을 GMT 문자열로 변환
getTimezoneOffse() GMT 와 지역시간의 차이를 분단위로 표시
getFullYear()/setFullyear() 연도수를 4자리수로 표시/설정
 

2.4.3. Math 객체
수학계산을 위해 사용되는 객체로 실제 사용빈도는 높지 않으나 랜덤하게 데이터를 추출 하는데 많이 사용됩니다.
 
속성 E 자연로그 밑에 사용되는 오일러 상수
LN10 10의 자연로그
LN2 2의 자연로그
Log10E
 
LOG2E
 
PI 원주율
SQRT1_2 1/2의 제곱근
SQRT2 2의 제곱근
메소드 abs(n) n의 절대값
acos(n) n의 역 코사인 값
asin(n) n의 역 사인값
atan(n) n의 역 탄젠트값
atan2(x,y) 지정된 x,y 좌표에서의 역 탄젠트 값을 반환
cos(n) n의 코사인값
sin(n) n의 사인 값
sqrt(n) n의 제곱근
tan(n) n 의 탄젠트 값
ceil(n) n을 올림한 값
exp(n) 오일러 상수 e를 n승 한 값
floor(n) n을 내림한 값
log(n) n의 자연로그 값
max(n,m) 둘 중 큰 수
min(n,m) 둘 중 작은 수
pow(n,m) n 의 m 승
random() 0과 1사이의 난수 반환
round(n) n을 반올림한 값
 
2.4.4. String 객체 String 객체는 글자의 모양을 지정하거나 문자열을 처리하기 위해 사용됩니다.
 
속성 length 문자열의 길이
 
    2.4.4.1. 글자의 모양과 관련된 메소드  
메소드 anchor("name") 앵크를 설정 합니다 <A NAME="name">
big() 약간 큰 글씨로 설정 합니다 <BIG>
blink() 글자를 깜빡이게 합니다(NC) <BLINK>
bold() 글자를 진하게 합니다 <B>
fixed() 글자를 타자체로 설정합니다 <TT>
fontcolor("color") 글자색을 지정합니다 <FONT COLOR="color">
fontsize("size") 글자 크기를 지정합니다 <FONT SIZE="size">
italics() 이탤릭체로 지정합니다 <I>
link("url") 하이퍼링크를 설정합니다 <A HREF="url">
small() 약간 작은 글씨로 합니다 <SMALL>
strike() 취소선을 긋습니다 <SRIKE>
sub() 아래첨자로 설정합니다 <SUB>
sup() 윗첨자로 설정합니다 <SUP>
toLowerCase() 소문자로 변환합니다
 
toUpperCase() 대문자로 변환합니다
 

    2.4.4.2. 문자열 처리를 위한 메소드
 
charAt(n) n 번째의 문자열을 반환합니다
charCodeAt(n) n 번째의 문자의 유니코드 번호를 반환합니다
concat(문자열) 두 개의 문자열을 합칩니다
fromCharCode(x,y,..) 유니코드번호를 문자열로 변환합니다
indexOf(문자열) 왼쪽부터 지정된 문자열의 위치를 반환합니다
lastIndexOf(문자열) 오른쪽부터 지정된 문자열의 위치를 반환합니다
split(분리자) 분리자를 기준으로 문자열을 분리합니다
substring(A,B) A부터 B 이전까지의 문자열을 반환합니다
substr(A,n) A부터 n 만큼의 문자열을 반환합니다

  

2.7. 변수
 

변수(Variable)란 데이터를 저장하는 장소로 어떤 내용을 담아두는 용기에 비유할 수 있습니다. 일반적으로 변수 선언은 아래와 같은 방법을 사용합니다

 
var myVar=변수값 myVar=변수값 var myVar1, myVar2, myVar3...
 

 
 

변수의 이름은 a-Z 까지의 알파벳과 0-9까지의 숫자, 언더바(Under Bar ; "_")의 조합으로 사용할 수 있습니다. 하지만 변수이름의 첫글자는 반드시 알파벳이나 언더바로 시작되어야 합니다. 또한, 변수명으로 자바스크립트 예약어는 사용할 수 없습니다
자바스크립트 예약어
 
abstract case continue extends for
import!!! long private static throw
var boolean catch default false
function in native protected super
throw void break char do
final goto instanceof new public
switch transient while byte class
double finally if int null
return synchronized true with case
const else float implements interface
package short this try
 
 

  

2.8. 자바스크립트의 데이터 형
 

2.8.1. 문자형 자바스크립트에서 문자형은 "안녕하세요" 처럼, 따옴표(" ")나 홑따옴표 (' ') 사이에 들어가는 문자열입니다. "12345" 처럼 사용하면 보양은 숫자형이지만 따옴표 내에 들어감으로 문자형으로 취급됩니다. " " (공백문자열)도 문자열로 간주됩니다. 또 다음과 같이 제어문자들을 나타내기 위한 Escape Sequence 자료형도 있습니다
 

\n

줄을 바꾸어 줍니다

\t

탭키를 누른 것과 같은 효과를 줍니다

\b

BackSpace 키를 누른것과 같은 효과를 줍니다

\r


 

\\

문자열 안에 \ 부호를 넣습니다

\'

문자열 안에 ' 부호를 넣습니다

\"

문자열 안에 " 부호를 넣습니다
 

2.8.2. 숫자형
숫자형은 따옴표나 홑따옴표 안에 넣지 않습니다. 실수형과 정수형이 있습니다. 정수형은 소수점이 없는 수치 데이터이고, 실수형은 소수점이 있는 수치 데이터 입니다
2.8.3. 논리형 (Boolean) 논리형은 참, 거짓을 나타내며 숫자형과 마찬가지로 따옴표를 사용하지 않습니다. 항상 참 아니면 거짓입니다
2.8.4. Null 형
정의되지 않은 변수값입니다. 공백문자열인 " " 과는 차이가 있습니다
  

추천추천 : 178 추천 목록
번호 제목
3,014
 curl 함수를 이용한 HTTP REFERER 변경
3,013
 윈도우10 시스템 파일 및 Dism 검사
3,012
 텍스트 줄바꿈, 글자자르기 CSS
3,011
 jQuery Mobile에서 유용한 코드 10가지.
3,010
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,009
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,008
 [jQuery] jQuery Quick API
3,007
 [ transition ] 링크 hover 색상 변화 속도 조절
3,006
 PHP 5.3.0 에서 사라진 함수들 대체
3,005
 어떤 파일들이 include 나 require 되었는지 확인하는 함수(get_included_files)
3,004
 PHP 날짜 형식 및 계산하기(날짜 더하고 빼기)
3,003
 jQuery Mobile에서 유용한 코드 10가지.
3,002
 값이 배열 안에 존재하는지 확인하는 in_array함수
3,001
 사용자가 웹브라우저에서 뒤로가기를 했을때 감지하는 방법
3,000
 [jQuery]버튼 활성화, 비활성화
2,999
 jQuery show() / hide() / toggle() 사용법
2,998
 jquery 여러가지 이벤트
2,997
 border-radius 속성
2,996
 네이버 오픈API 음성합성 API 사용하는 PHP 샘플코드
2,995
 UTF8 한글 자르기..
2,994
 iconv 에러 발생시 계속 처리하기 옵션
2,993
 [PHP] 현재 페이지의 도메인 , URL 정보 알아내기.
2,992
 [PHP] 막강 기능 배열..
2,991
 [CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
2,990
 [Mobile] - 모바일웹 Href 태그속성들
2,989
 [JqueryMobile] - 현재화면의 가로세로 사이즈 구하기
2,988
 [JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법
2,987
 jquery로 가로 넓이(width), 세로 높이(height) 자동 조절
2,986
 iframe 높이 jquery로 자동조절하기
2,985
 jQuery 오른쪽 영역의 높이를 왼쪽 영역의 높이와 동일하게 하기
2,984
 jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기
2,983
 jquery에서 테이블에 마우스 오버시 해당 행의 배경색상 변경하기
2,982
 jquery 스크립트내 특정값 확인하기 (디버깅)
2,981
 jquery cookie (jquery.cookie.js)
2,980
 jquery div 기본 넓이, 높이 계산 및 padding, border 포함 하기
목록
추천음악방송
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
앵콜트로트
뽕짝아가씨
TROT TV
아리랑가요
작은 음악다방
종합성인가요방
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
Dance&Remix
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요1번지(종합)
뮤직하우스
동요\연변\반주\기타
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
추천가요\POP\기타
최신가요\인기가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.