JavaScript 인라인, 내장, 외부, 자료형, 문자열
<html>
<head>
<title>자바스크립트</title>
<script type="text/javascript" src="Ex01.js">
//3. 외장 자바스크립트를 참조
//어쩔수 없이 따로 따로 사용해야한다. 참조 스크립트와 써야할 스크립트를 분리
</script>
<script type="text/javascript">
//Javascript만의 영역
function Test() {
alert("하나");
alert("둘");
alert("셋");
}
//BOM모델 기준으로 찾았을떄
//HTML의 속성은 대부분 Javascript에서도 동일한 이름으로 제공
//순차적으로 읽기 때문에 없는값에 어떻게 안녕하세요를 찍냐!!라는것..
//window.document.form1.txtData.value = "안녕하세요.";
function Init() {
window.document.form1.txtData.value = "바디읽고 난후에 onload 이벤트 발생";
}
</script>
</head>
<!--바디를 끝까지 다 읽고 난후에 onload 이벤트가 발생한다.-->
<body onload="Init();">
<!--
1. 인라인
시작 태그에 이벤트를 등록
이벤트가 종류별로 html 속성으로 제공
on + 이벤트명 -> 이벤트 핸들러
이벤트 -> 자바스크립구문을 바로 호출(메서드, 실제 구문)
onclick = "자바스크립트 영역 *************
1. 편집기 상 한줄로 기입되기때문에... 많은 구문을 쓰기엔 적당하지 않음 -> 가독성 저하
2. 짧은 구문 정도 기입
3. 긴 구문 -> 메서드를 생성 -> 호출
-->
<input type="button" value="인라인 자바스크립트 호출 " onclick="alert('인라인');" />
<input type="button" value=" 내장 자바스크립트 호출 " onclick="Test();" />
<input type="button" value=" 외부 자바스크립트 호출 " onclick="Hello();" />
<hr />
<!--페이지가 시작되면 자동으로 초기값을 넣고 싶다.-->
<form name="form1">
<input type="text" name="txtData" />
<script type="text/javascript">
//<script>는 문서내의 어느위치, 몇번.. 상관없이 중복되어서 선언이 가능~
//일반적으로 <head>내에서 사용..
//head에 자식이거나 body에 자식이어야 한다.
//window.document.form1.txtData.value = "안녕하세요..";
</script>
</form>
</body>
</html>
Javascript 자료형
<html>
<head>
<title>데이터 타입</title>
<script type="text/javascript">
//변수 선언
var num;
var name = "홍길동";
var n1, n2;
var s1 = "하하하", s2 = "호호호";
var v1 = 100; //숫자형
//더블쿼테이션 싱글 쿼테이션 상관이 없다.
//자바스크립트 언어는 대소문자를 철저히 가린다.
var v2 = "문자열";
var v3 = '문자열';
var v4 = true;
//객체 선언, 시간 객체
var v5 = new Date(); // object v5 = new DateTime();
var v6 = null;
</script>
</head>
<body>
</body>
</html>
Javascript 문자열
<html>
<head>
<title>문자열</title>
<script type="text/javascript">
//속성
var str1 = "안녕하세요 반갑습니다.";
//alert(str1.length);
//3번째 위치에있는 캐릭터를 반환 하겠습니다.
//alert(str1.charAt(3));
//3번째 위치에 있는 캐릭터의 문자 코드값. 용도(한글인지 아닌지 검사할떄)
//alert(str1.charCodeAt(3));
//alert(str1.indexOf("반갑"));
//alert(str1.lastIndexOf("습니다."));
//정규식을 안쓰면 처음에 만나는 단어만 바꿈..
//alert(str1.replace("반갑", "변신해라!"));
//2번째 위치에서 3글자를 반환하겠습니다.
//alert(str1.substr(2, 3)); //C# : SubString()과 동일
//2번째 위치에서 3번째 위치까지 가져와라 인데 포함이 안된다.
//alert(str1.substring(2, 5));
//공백을 기준으로 0번째 배열 은 안녕하세요 1번째 배열은 반값습니다.
//alert(str1.split(" ")[0]);
// for (var i = 0; i < str1.length; i++)
// {
// var c = str1.charAt(i);
// alert(c);
// if (c >= "가" && c <= "힣")
// {
// alert("한글입니다.");
// }
// else
// {
// alert("한글이 아니며 올바른 데이터가 압니다.");
// break;
// }
// }
</script>
</head>
<body>
</body>
</html>
자바 스크립트
