*************************************************************************************************************************
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="generator" content="editplus" />
<meta name="author" content="김종현" />
<style type="text/css">
input {
border:1px solid gray;
}
</style>
<script type="text/javascript">
/*
Javascript
- 자바스크립트
- 브라우저상에서 작동되는 프로그래밍 언어
- *.htm = XTHML(구조,데이터) + CSS(서식) + Javascript(프로그래밍) + C#/Java
- JScript(IE), ECMAScript(표준)..
- 텍스트편집기 + 브라우저(실행환경)
- 브라우저간의 지원이 상이함(***)
- 유효성 검사, 애니메이션, 각종 동적 처리 등..
브라우저에서 순서대로 한라인씩 읽어 들인후
javascipr 구문중 alert를 읽어들인이후
html 소스를 읽어들인다.
경고창 블럭을 거는 대표적인 구문
txt1 이라는 ID가 나오기전에 값을 불렀기
때문에 에러가난다.
alert("hi~");
*/
//document.getElementById("txt1").value="홍길동입니다.";
// 함수 : 프로그래밍 구문을 모아놓은
집합
// - 한번 이상 반복해서 사용하는 구문을 묶는 역할
// -> 코드 재사용~!!
//1. 함수 선언(생성, 정의)
function Test() {
alert("start");
document.getElementById("txt1").value = "zzarungna";
}
//2. 함수 호출(실행)
Test();
</script>
</head>
<body>
<!--
Ex01_Javascript.htm -->
<!--
이벤트(Event)
- 사건
- 브라우저에 미리 일어날 수 있는 사건의 종류를 정의 해놓고, 그 사건이 발생하면 미리 준비해놓은 프로그램 코드를 실행시킬 수 있도록 중계해주는 요소
onclick="클릭이라는 사건이 발생하면 실행시켜하는 자바스크립트코드"
1. 객체(태그) 생성
2. 함수 생성
3. 객체(태그)에 이벤트 선언 -> 함수 호출
-->
<input type="text" id="txt1" />
<hr />
<input type="button" value="텍스트" onclick="Test();" />
<input type="button" value="텍스트" onclick="alert('안녕');" />
<script type="text/javascript">
//alert("stop");
이구문에서는 id=txt1를 읽어들인후 값을 주기 때문에 정상적으로 실행된다.
//document.getElementById("txt1").value="홍길동입니다.";
</script>
</body>
</html>
*************************************************************************************************************************
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta name="generator" content="editplus" />
<meta name="author" content="김종현" />
<script type="text/javascript">
//자료형, 변수
//1. 자료형
// - 데이터의 형식, 종류
// - 숫자형(number), 문자열(string), 논리형(bool), 객체(object)
//2. 변수
// - 데이터를 저장하는 공간(메모리)
// - 데이터의 의미 부여 실제 메모리 주소와 변수로 지정된것을 매핑 시켜준다.
// 숫자 -> 숫자형
//문자열
/*
alert(100);
alert('a');
alert('100');//숫자형이아닌 문자열이다.
alert(100+200);
alert('홍길동'+'님');
alert('홍길동'+100);//'홍길동' + '100' 문자열로 취급된다.
alert('100'+100);//위와 마찬가지로 문장열로 처리된다.
alert(100);//상수(변하지않는데이타)
alert(100);
alert('홍길동');
데이터를 하나 사용 하고싶다면
1. 메모리에 공간을 하나 할당 받고싶다
2. 그 공간에 이름을 붙인다
3. 할당받은 공간을 사용해줘야 한다.
*/
/*
var gogo;//변수선언(1,2번)
gogo = '안녕하세요~';//대입(할당) 연산자, 공간=데이터
alert(gogo);
*/
var korJumsu;
korJumsu = 80;
alert(korJumsu);
korJumsu = 70; //**
기존 데이터는 삭제, 변수는 하나의 값만 가질 수 있음!!
alert(korJumsu); //표현은 같은데.. 값이 달라졌음 -> 변수
</script>
</head>
<body>
<!-- Ex02.htm -->
</body>
</html>
