JavaScript 콘솔 명령
Visual Studio에서는 JavaScript 콘솔 창에서 메시지를 보내고 기타 작업을 수행하는 데 사용할 수 있는 명령을 제공합니다. JavaScript 콘솔 사용 방법은 빠른 시작: 앱 디버깅(JavaScript)을 참조하십시오.
콘솔 개체 명령
이 표에서는 JavaScript 콘솔 창에서 사용할 수 있는 console 개체 명령에 대한 구문을 보여 줍니다. console 개체를 사용하여 코드에서 콘솔로 메시지를 보낼 수 있습니다. 이 개체는 여러 폼을 제공하므로 원하는 경우 정보 메시지와 오류 메시지를 구분할 수 있습니다.
참고
로컬 개체의 명명된 콘솔과 혼동되지 않도록 해야 하는 경우 window.console.[command]에서 긴 명령을 사용하면 됩니다.
명령 |
설명 |
예제 |
|---|---|---|
log(message) |
콘솔 창에 message를 보냅니다. |
console.log("logging message"); |
warn(message) |
앞에 경고 기호가 오는 message를 콘솔 창에 보냅니다. |
console.warn("warning message"); |
error(message) |
콘솔 창에 message를 보냅니다. 메시지 텍스트는 빨간색이며 이 텍스트 앞에 오류 기호가 옵니다. |
console.error("error message"); |
info(message) |
콘솔 창에 message를 보냅니다. 메시지 앞에 정보 기호가 옵니다. |
console.info("info message"); |
clear() |
콘솔 창에서 스크립트 오류 메시지를 비롯한 메시지를 지우고 콘솔 창에 나타나는 스크립트도 지웁니다. 콘솔 입력 프롬프트에 입력한 스크립트는 지우지 않습니다. |
console.clear(); |
assert(expression, message) |
expression이 false가 되면 메시지를 보냅니다. |
console.assert((x == 1), "assert message: x != 1"); |
기타 명령
다음 명령은 JavaScript 콘솔 창에서도 사용할 수 있습니다.
명령 |
설명 |
예제 |
|---|---|---|
$0, $1, $2, $3, $4 |
지정된 요소를 콘솔 창에 반환합니다. $0은 DOM 탐색기에서 현재 선택된 요소를 반환하고 $1은 DOM 탐색기에서 이전에 선택된 요소를 반환하며 이전에 선택된 네 번째 요소까지 이런 식으로 반환됩니다. |
$3 |
$(id) |
ID별로 요소를 반환합니다. document.getElementById(id)에 대한 바로 가기 명령입니다. 여기서 id는 요소 ID를 나타내는 문자열입니다. |
$("contentHost") |
$$(div) |
CSS 선택기 구문을 사용하여 요소를 반환합니다. document.querySelector(div)에 대한 바로 가기 명령입니다. 여기서 div는 DIV 요소 클래스 이름을 나타내는 문자열입니다. |
$$(".itemlist") |
cd() cd(window) |
식 계산 컨텍스트를 페이지의 기본 최상위 창에서 지정된 프레임의 창으로 변경할 수 있습니다. 매개 변수 없이 cd()를 호출하면 컨텍스트가 최상위 창에 반환됩니다. |
cd(); cd(myframe); |
select(element) |
DOM 탐색기에서 지정된 요소를 선택합니다. |
select(document.getElementById("element")); select($("element")); select($1); |
dir(object) |
지정된 개체에 대한 시각화 도우미를 반환합니다. 시각화 도우미를 사용하여 콘솔 창에서 속성을 검사할 수 있습니다. |
dir(obj); |