브라우저에 정보 표시
업데이트: 2007년 11월
브라우저에서 대부분의 JScript 기능을 지원하지만, .NET Framework와 클래스 기반 개체, 데이터 형식, 열거형, 조건부 컴파일 지시문 및 const 문을 대상으로 하는 새로운 기능은 서버측에서만 지원됩니다. 따라서 이러한 기능은 서버측 스크립트에서 단독으로 사용해야 합니다. 자세한 내용은 JScript 버전 정보를 참조하십시오.
스크립트를 브라우저, 즉 클라이언트측에서 실행할 계획이면 경험 많은 개발자는 스크립트 엔진의 버전을 감지하는 코드를 넣습니다. 스크립트에서 엔진 버전을 감지하면 브라우저를 해당 브라우저의 스크립트 엔진과 호환되는 스크립트를 사용한 페이지로 리디렉션할 수 있습니다. 자세한 내용은 브라우저 기능 감지를 참조하십시오.
JScript는 브라우저의 document 개체에 있는 write 및 writeln 메서드를 사용하여 브라우저에 정보를 표시합니다. 또한 브라우저 내의 폼 및 경고, 프롬프트 및 확인 메시지 상자에 정보를 표시할 수도 있습니다. 자세한 내용은 메시지 상자 사용을 참조하십시오.
document.write 및 document.writeln 사용
정보를 표시하는 가장 일반적인 방법은 document 개체의 write 메서드를 사용하는 것입니다. 이 메서드는 단일 문자열 인수를 전달받아 브라우저에 표시합니다. 이 문자열은 일반 텍스트 또는 HTML이 될 수 있습니다.
문자열을 작은따옴표나 큰따옴표로 묶을 수 있으므로, 이러한 방법으로 인용 부호나 아포스트로피가 포함된 문자열도 사용할 수 있습니다.
document.write("Pi is approximately equal to " + Math.PI);
document.write();
.gif "참고") 참고: |
|---|
다음과 같은 간단한 함수를 사용하면 브라우저 창에 텍스트를 표시할 때마다 document.write를 입력하지 않아도 됩니다. 이 함수는 표시하려는 문자열이 정의되지 않은 경우에도 사용자에게 경고하지 않지만, w();와 같은 명령을 사용하여 빈 줄을 표시할 수 있습니다. |
function w(m) { // Write function.
m = String(m); // Make sure that the m variable is a string.
if ("undefined" != m) { // Test for empty write or other undefined item.
document.write(m);
}
document.write("<br>");
}
w('<IMG SRC="horse.gif">');
w();
w("This is an engraving of a horse.");
w();
write 메서드와 거의 동일한 writeln 메서드는 전달받은 문자열에 줄 바꿈 문자를 추가합니다. 이 동작은 일반적으로 HTML에서는 항목 뒤에 공백을 추가할 뿐이지만, <PRE> 및 <XMP> 태그 내에서는 줄 바꿈 문자가 그대로 해석되어 브라우저에 표시됩니다.
write 메서드가 호출된 시점에 문서를 열고 구문 분석하는 중이 아닌 경우 write 메서드는 문서를 열고 지웁니다. 이러한 동작은 예기치 않은 결과를 가져올 수 있습니다. 다음 예제 스크립트는 1분마다 시간을 표시할 목적으로 작성되었지만 첫 번째 표시 이후 실행 과정에서 자기 자신을 지우게 되므로 동작에 실패합니다.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JScript">
function singOut() {
var theMoment = new Date();
var theHour = theMoment.getHours();
var theMinute = theMoment.getMinutes();
var theDisplacement = (theMoment.getTimezoneOffset() / 60);
theHour -= theDisplacement;
if (theHour > 23) {
theHour -= 24
}
// The following line clears the script the second time it is run.
document.write(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");
window.setTimeout("singOut();", 60000);
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT>
singOut();
</SCRIPT>
</BODY>
</HTML>
document.write 대신 window 개체의 alert 메서드를 사용하면 스크립트가 제대로 작동합니다.
// This line produced the intended result.
window.alert(theHour + " hours, " + theMinute + " minutes, Coordinated Universal Time.");
Internet Explorer 5 이상에서는 element.innerText 또는 element.innerHTML을 사용하는 것이 좋습니다.
현재 문서 지우기
document 개체의 clear 메서드는 현재 문서를 지웁니다. 또한 이 메서드는 문서의 다른 내용과 함께 스크립트를 지우므로 이 메서드의 사용 시기와 방법에 특히 주의해야 합니다.
document.clear();