반응형
웹페이지에 바로 출력을 할때 사용하는 함수 doucument.write() 입니다.
디버그 로그를 사용하지 않고, 간략히 값들을 웹페이지에 출력할 수 있는 함수 입니다.
사용법은 하기와 같습니다.
document.write() 인자 값으로 태그 혹은 변수 및 string 으로 출력내용을 기재할 수 있습니다.
document.write("<h1>입력받은 전화번호는" + phone + "입니다</h1>");인자는 "" 쌍다옴표 와 '' 작은 따옴표를 모두 지원합니다.
관련 예제를 만들어 봅니다.
1. 필드 팝업창으로 값을 입력받는 자바스크립트 파일을 만듭니다.
var phone = prompt('전화번호를 입력하세요', '010-1234-5678');
document.write("<h1>입력받은 전화번호는" + phone + "입니다</h1>");2. 자바스크립트 파일을 HTML 과 연동 합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="merryChristmas.js"></script>
</body>
</html>결과는 하기와 같습니다.
- 입력필드 팝업이 로딩 됩니다.
- 확인 버튼을 선택하면,
인자로 입력받은 태그 정보와 함께 변수 값이 출력 됩니다.
이상으로 document.write() 함수 예제를 만들어 보았습니다.
감사합니다.
반응형
'앱 만들기 > JavaScript study' 카테고리의 다른 글
| 자바스크립트 콘솔창 단축키 (6) | 2023.01.02 |
|---|---|
| 자바스크립트 로그 함수 (2) | 2023.01.01 |
| 자바스크립트 입력 팝업창 만들기 (6) | 2022.12.30 |
| 자바스크립트 confirm 팝업 함수 (2) | 2022.12.29 |
| 자바스크립트 팝업창 함수 (2) | 2022.12.28 |
댓글