Notice
Recent Posts
Recent Comments
Link
Everything has an expiration date
Javascript 20231129 [프로그램소스] - Test001, Test002, Test003, Test004, Test005 본문
[Javascript]/Program source (Javascript)
Javascript 20231129 [프로그램소스] - Test001, Test002, Test003, Test004, Test005
Jelly-fish 2023. 11. 30. 08:36WebApp03
Test001.html
Test001.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test001.html</title>
</head>
<body>
<!-- 내용 확인 -->
<script type="text/javascript">
//-- 자바스크립트 소스 코드가 시작된다는 선언
/* 2023년 11월의 끝 */
document.write("2023년 11월의 끝");
//-- 출력을 지시하는 자바스크립트 명령어
// 출력 내용 : 문자열, 변수명, 연산결과
/* BOM DOM */
/* window.document.getElement...객체 */
/* ▶ 『window.』 : 브라우저 창 의미 (BOM) */
/* ▶ 윈도우 객체 안의, 문서 객체 안의 요소 객체 가져 와!!! */
// 자바스크립트 소스 코드가 끝났다는 선언
</script>
</body>
</html>
Test002.html
Test002.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test001.html</title>
</head>
<body>
<!-- 내용 확인 -->
<script type="text/javascript">
//-- 자바스크립트 소스 코드가 시작된다는 선언
/* 2023년 11월의 끝 */
document.write("2023년 11월의 끝");
//-- 출력을 지시하는 자바스크립트 명령어
// 출력 내용 : 문자열, 변수명, 연산결과
/* BOM DOM */
/* window.document.getElement...객체 */
/* ▶ 『window.』 : 브라우저 창 의미 (BOM) */
/* ▶ 윈도우 객체 안의, 문서 객체 안의 요소 객체 가져 와!!! */
// 자바스크립트 소스 코드가 끝났다는 선언
</script>
</body>
</html>
Test003.html
Test003.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test003.html</title>
<script type="text/javascript">
/* 2023년 11월이 저무는 어느날 */
document.write("2023년 11월이 저무는 어느날");
</script>
</head>
<body>
<!-- body 영역에는 아무 내용도 존재하지 않음 -->
</body>
</html>
Test004.html
Test004.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test004.html</title>
<!-- 자바 스크립트를 js로 불러왔을 경우, <script type="..."> 이 사이에 뭐 쓰지 마!! </script> -->
<!-- 이 사이에 뭘 써야 하는데 어떡하나? <script></script> 하나 더 만들어! -->
<script type="text/javascript" src="js/jsTest.js"></script>
</head>
<body>
<!--
『jsTest.js』라는 파일을 호출하는 형식을 취하고 있다.
호출하는 대상 파일의 경로 포함 파일명을 src 속성을 통해 명시하게 되며
이 떄, 자바스크립트 파일의 확장자는 반드시 『*.js』이어야 한다.
-->
</body>
</html>
Test005.html
Test005.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test005.html</title>
<script type="text/javascript">
num1=10; // 변수 선언 및 초기화 → var num1=10; (*'var' 선언 안 했다고 오류나지 않는다.)
// (변수 선언 과정이 특별히 존재하지 않음)
document.write("num1="); // 단지 문자열 출력 → "num1="
document.write(num1); // write() 함수에 num1 이라는 변수를 넘겨주는 상황
// → num1 에 담겨있는 10이 출력
//document.write("num1"); // 이 구문과 비교 가능~!!!
</script>
</head>
<body>
</body>
</html>'[Javascript] > Program source (Javascript)' 카테고리의 다른 글
'[Javascript]/Program source (Javascript)' Related Articles
more
