[ES06] 02. 기본 js windows.prompt() , windows.alert() 실습.
<!DOCTYPE html>
<html>
<head>
<title>Parcel Sandbox</title>
<meta charset="UTF-8" />
</head>
<body>
<div id="app"></div>
하하
<script src="src/index.js"></script>
<script>
result = window.prompt();
window.alert(result);
</script>
</body>
</html>
새로고침
결과
js, 에서 사용하는 것에 이해하기
alert()
document.write()
console.log()
innerHTML
window.
에 대해서 상세한 설명 부탁해
위에 나열된 것들은 모두 자바스크립트에서 제공하는 함수 또는 속성입니다.
1. `alert()` 함수는 웹 페이지에서 알림 창을 띄워주는 역할을 합니다. 예를 들어 사용자가 어떤 버튼을 클릭할 때 알림 창을 띄우거나, 어떤 입력값이 유효하지 않을 때 알려주는 등 다양한 용도로 사용됩니다.
2. `document.write()` 함수는 웹 페이지에 동적으로 HTML 콘텐츠를 추가하는 방법 중 하나입니다. 이 함수를 호출하면 해당 위치에 HTML 요소를 추가합니다. 하지만 이 함수는 초기 페이지 로드 이후에는 사용하지 않는 것이 좋습니다. 왜냐하면, 이 함수가 특정 위치에 HTML 콘텐츠를 추가하기 때문에, 이미 로드된 HTML 콘텐츠를 덮어쓰거나 삭제할 수 있기 때문입니다.
3. `console.log()` 함수는 개발자 도구(개발자 콘솔)를 통해 디버깅할 때 유용합니다. 이 함수를 호출하면 콘솔 창을 통해 출력한 값을 확인할 수 있습니다.
4. `innerHTML` 속성은 DOM에 접근하여 웹 페이지에 HTML 콘텐츠를 동적으로 추가하거나 수정할 수 있는 방법 중 하나입니다. 이 속성을 사용하면 HTML 요소를 직접 수정하거나, 새로운 HTML 콘텐츠를 생성하여 추가할 수 있습니다.
5. `window`는 자바스크립트에서 모든 객체의 최상위 객체입니다. 모든 내장 함수와 객체, 변수 등 모두 window 객체의 프로퍼티 또는 메서드입니다. 예를 들어 `window.alert()`는 `alert()` 함수를 호출하는 것과 같은 역할을 합니다. 따라서 이 객체는 전역 범위에서 사용되는 객체로, DOM과 관련되지 않은 범용적인 속성과 메서드를 포함합니다.
결론적으로, alert(), document.write(), console.log(), innerHTML 등은 모두 자바스크립트에서 제공하는 함수 또는 속성으로, 웹 페이지를 동적으로 조작하거나, 코드를 디버깅할 때 사용됩니다. window 객체는 자바스크립트에서 모든 객체의 최상위 객체로, 전역 범위에서 사용되는 객체입니다.
#javascript #javascripttutorial #javascriptforbeginners #learnjavascript #javascriptcourse #javascripttutorialforbeginners
'컴퓨터공부 > Javascript' 카테고리의 다른 글
| [ES6] 04. 변수와 false 연동법 과 true 연동법 (0) | 2023.05.23 |
|---|---|
| [ES6] 03. 자바스크립트 자료형 타입 (0) | 2023.05.23 |
| [ES6] 01. 기본 js 파일만들어서 alert 띄우기 (0) | 2023.05.22 |
| [모던 자바스크립트] 호이스팅이 뭔가? (0) | 2023.05.18 |
댓글