1. Home
  2. 자바 스크립트 출력

최고의 자바 스크립트 출력 튜토리얼 2024년, 이 튜토리얼에서는 자바 스크립트는 데이터를 표시,()는 Window.alert 사용,HTML 엘리먼트를 조작,예,이 튜토리얼에서는,HTML 문서를 출력합니다,예,예,콘솔에 기록,예,당신은 알고 계십니까?,를 배울 수 있습니다.

자바 스크립트 출력

자바 스크립트는 인쇄 또는 출력 기능이 없습니다.

자바 스크립트는 데이터를 표시

다른 방법으로 자바 스크립트를 출력 할 수 있습니다 데이터 :

  • () 팝업 경고 상자는 Window.alert 사용합니다.
  • document.write를 () 메소드를 사용하여 HTML 문서의 내용을 작성합니다.
  • HTML 요소를 작성하는 innerHTML을 사용.
  • 브라우저 콘솔에 기록됩니다 () CONSOLE.LOG를 사용합니다.

()는 Window.alert 사용

당신은 데이터를 표시하는 경고 상자를 팝업 할 수 있습니다 :

예

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 내 첫 페이지 </ H1>
<P> 내 첫 번째 단락. </ P>

<스크립트>
는 Window.alert (5 + 6);
</ 스크립트>

</ BODY>
</ HTML>

»시도

HTML 엘리먼트를 조작

자바 스크립트에서 HTML 요소에 액세스하려면, 당신은중요 document.getElementById(ID) 방법을 사용할 수 있습니다.

HTML 요소를 식별하기 위해 "ID"속성을 사용하고 innerHTML을이 내용을 얻거나 요소를 삽입하십시오 :

예

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 내 첫 번째 웹 페이지 </ H1>

<P 아이디 = "데모"> 내 첫 번째 단락 </ P>

<스크립트>
중요 document.getElementById ( "데모") innerHTML을 = "단락이 수정되었습니다 ko";
</ 스크립트>

</ BODY>
</ HTML>

»시도

(의 <script> 태그에) 더 많은 자바 스크립트 문은 웹 브라우저에서 수행 될 수있다 :

중요 document.getElementById (이하 "데모") 자바 스크립트 코드를 HTML 요소를 찾기 위해 id 속성을 사용하는 것입니다.

innerHTML을 = "단락. 수정되었습니다"는 HTML 콘텐츠 요소 (innerHTML을) 자바 스크립트 코드를 수정하는 데 사용됩니다.

이 튜토리얼에서는

대부분의 경우,이 튜토리얼에서, 우리는 출력 위에서 설명한 방법을 사용합니다 :

직접 <P> 요소의 id = "데모"에 다음의 예는 출력 HTML 문서에 기록됩니다

HTML 문서를 출력합니다

테스트 목적을 위해, 당신은 직접 HTML 문서에 자바 스크립트를 작성할 수 있습니다 :

예

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 내 첫 번째 웹 페이지 </ H1>

<P> 내 첫 번째 단락. </ P>

<스크립트>
document.write를 (날짜 ());
</ 스크립트>

</ BODY>
</ HTML>

»시도

주의

단순히 문서 출력에 내용을 작성)를 document.write를를 (사용하십시오.

문서로드가 완료된 후 document.write를 할 경우, 전체 HTML 페이지를 덮어 쓰게됩니다.


예

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 내 첫 번째 웹 페이지 </ H1>

<P> 내 첫 번째 단락. </ P>

<버튼의 onclick = "하여 myFunction () "> 포인트 나 </ 버튼>

<스크립트>
myFunction 함수 () {
document.write를 (날짜 ());
}
</ 스크립트>

</ BODY>
</ HTML>

»시도

콘솔에 기록

브라우저가 디버깅을 지원하는 경우, 당신은 당신의 브라우저에서 자바 스크립트의 값을 표시 CONSOLE.LOG () 메서드를 사용할 수 있습니다.

브라우저 사용 F12는, 디버그 모드, 디버그 창을 활성화하려면 "콘솔"메뉴를 클릭합니다.

예

<! DOCTYPE html로>
<HTML>
<바디>

<H1> 내 첫 번째 웹 페이지 </ H1>

<스크립트>
A = 5;
B = 6;
C = A + B;
CONSOLE.LOG (c);
</ 스크립트>

</ BODY>
</ HTML>

»시도

예를 들면 콘솔 스크린 샷 :

당신은 알고 계십니까?

주의 디버깅 찾아 버그 (오류) 과정을 줄일 수있는 프로그램을 시험하고있다.

핫 튜토리얼

Contact US

자바 스크립트 출력
10/30