자바스크립트 출력

JavaScript 출력

JavaScript는 일반적으로 HTML 요소를 조작하는 데 사용됩니다.

JavaScript를 사용하여 데이터 표시

JavaScript는 다양한 방식으로 데이터를 출력할 수 있습니다.

window.alert()를 사용하여 경고 상자를 표시합니다. document.write() 메서드를 사용하여 HTML 문서에 내용을 씁니다. HTML 요소에 쓰려면 innerHTML을 사용하세요. 브라우저 콘솔에 쓰려면 console.log()를 사용하세요.

HTML 요소 조작

JavaScript에서 HTML 요소에 액세스하려면 document.getElementById(id) 메서드를 사용할 수 있습니다.

HTML 요소를 식별하려면 "id" 속성을 사용하십시오.

<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph</p>
<script>document.getElementById("demo").innerHTML="My First JavaScript";</script>
</body>
</html>

위의 JavaScript 문(<script> 태그에 있음)은 웹 브라우저에서 실행될 수 있습니다.

document.getElementById( "demo")는 id 속성을 사용하여 HTML 요소를 찾는 JavaScript 코드입니다.

innerHTML = "단락이 수정되었습니다."는 요소의 HTML 콘텐츠(innerHTML)를 수정하는 데 사용되는 JavaScript 코드입니다.

window.alert()

를 사용하면 경고 상자를 표시하여 데이터를 표시할 수 있습니다.

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个页面</h1>
<p>我的第一个段落。</p>
<script>
window.alert('Hello Word!');
</script>
</body>
</html>

이 튜토리얼에서는

대부분의 경우, 이 튜토리얼에서는 The 메소드를 사용합니다. 위에서 설명한 대로 출력합니다:

다음 예에서는 id="demo"인 <p> 요소를 HTML 문서 출력에 직접 씁니다.

HTML 문서에 쓰기

테스트 목적으로 HTML 문서에 JavaScript를 직접 작성할 수 있습니다.

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<script>
document.write(Date());
</script>
</body>
</html>

문서에 내용만 쓰려면 document.write()를 사용하세요.

문서 로딩이 완료된 후 document.write를 실행하면 전체 HTML 페이지를 덮어쓰게 됩니다.

 <!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction()  {
   document.write(Date());
}
</script>
</body>
</html>

Write to console

브라우저가 디버깅을 지원하는 경우 console.log() 메서드를 사용하여 브라우저에 JavaScript 값을 표시할 수 있습니다.

브라우저에서 F12를 사용하여 디버깅 모드를 활성화하고 디버깅 창에서 "콘솔" 메뉴를 클릭하세요.

<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

프로그램에서 디버깅은 버그(오류)를 테스트하고 찾고 줄이는 과정입니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert('Hello Word!'); </script> </body> </html>

제출하다 코드 재설정

자동운전

자바스크립트 출력

초등학교Imperial CMS 기업 모방 웹사이트 튜토리얼

초등학교WordPress에 기초가 전혀 없는 초보자는 개인 블로그와 기업 웹 사이트를 구축합니다.

초등학교궁극의 CMS 제로 기반 웹사이트 구축 지침 영상

초등학교프론트엔드 프로젝트 - Shangyou [HTML/CSS/JS 기술 종합실습]

중급Vue3.0 from 0을 통해 범용 백엔드 관리 시스템 프로젝트 실습 구축

초등학교제로 기반 프론트엔드 과정 [Vue 고급 학습 및 실무 적용]

초등학교웹 프론트엔드 튜토리얼 [HTML5+CSS3+JS]

초등학교apipost에 대한 빠른 소개

중급Vue3+TypeScript 실무 튜토리얼-엔터프라이즈 수준 프로젝트 실습

초등학교PHP로 사업을 시작하는 방법에 대해 간단히 이야기해 보겠습니다.

중급VUE 전자상거래 프로젝트(프론트엔드 & 백엔드 듀얼 프로젝트 실전)

초등학교Apipost 실무 응용 [api, 인터페이스, 자동화 테스트, 모의]