<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> window.testConfirm = function(){ var flag = window.confirm("전송하시겠습니까?"); if(flag){ //전송 alert("전송"); }else{ //전송안하기 alert("전송안하기"); } alert(flag); } /* function testConfirm(){
} */ function test_number(){ var a = window.parseInt("100"); var b = window.parseInt("200"); var sum = a+b; alert(sum); var c = "2000"; //isNaN 숫자 인지 아닌지 비교, 숫자면 false var flag = window.isNaN(c); alert("숫자가 아닌가?"+flag) if(!flag){ var d = window.parseInt(c); alert(d); } //eval문자열로 들어온 것을 평가해서 두수가 더해지면 연산을 해서 30으로 출력한다. alert(eval("10+20"));
} function searchAddress(){ //팝업을 띄우기, search_address라는 이름을 지정해서 같은 페이지에 뜨게 한다. search_address를 주지 않으면 새창을 연다.resizable=no로 주면 화면 크기를 바꿀 수 없다. window.open("address_popup.html","search_address","width=300, height=400, resizable=no");
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> window.testConfirm = function(){ var flag = window.confirm("전송하시겠습니까?"); if(flag){ //전송 alert("전송"); }else{ //전송안하기 alert("전송안하기"); } alert(flag); } /* function testConfirm(){
} */ function test_number(){ var a = window.parseInt("100"); var b = window.parseInt("200"); var sum = a+b; alert(sum); var c = "2000"; //isNaN 숫자 인지 아닌지 비교, 숫자면 false var flag = window.isNaN(c); alert("숫자가 아닌가?"+flag) if(!flag){ var d = window.parseInt(c); alert(d); } //eval문자열로 들어온 것을 평가해서 두수가 더해지면 연산을 해서 30으로 출력한다. alert(eval("10+20"));
1. 자바 스크립트는 사용자의 요청처리를 Event 모델을 통해 처리한다. - Event - 사용자가 특정동작(사건)을 가해 발생되는 신호(signal) - 마우스로 버튼 클릭, Text 입력양식에 글 입력, 페이지 로딩 등 - Event Handler - Event 발생시 처리하는 코드를 등록하는 것
예) <input type="button" value = "확인" onClick="alert('button클릭')"> <form action="a.jsp" onSubmit="alert('전송합니다.')">
실습
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function hello1(name){ alert("Hello"+name); } var hello2 = function(age){ alert("당신의 나이는 : "+age); } window.hello3 = function(){ alert("hello3 : "+sum(10,30)); } function sum(i,j){ return i+j; } // 위에 function sum의 다른 표현 /* var sum = function(i,j){ return i+j; } window.sum = function(i,j){ return i+j; } */ </script> </head> <body> <input type="button" value="hello1" onclick='hello1("홍길동")'> <input type="button" value="hello2" onclick="hello2(20)"> <input type="button" value="hello3" onclick="hello3()" onmouseout="alert('마우스아웃')"> <p> <a href="aaa" onmouseover="alert('마우스올라왔다.')">링크입니다.</a><br> <!-- onfocus 텍스트 창에 포커스가 발생, 포커스가 가면 value값을 공백으로 바꾸어줌 --> <!-- onblur 포커스를 잃었을때 발생하는 것 --> <input type="text" value="이름을 입력하세요" onfocus="this.value=''" onblur="alert(this.value)"> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript"> //javascript 코드 작성 function forStmt(begin,end){ var sum = 0;// 합계를 저장할 변수 // var str = aaa; for(i=begin;i<=end;i++){ sum+=i; } alert(sum);//경고창 실행 } function ifStmt(){ //if(조건) - true, false. < > == != && || ! var str = "값";
//문자열 : 값이 있으면 true, null, ""이면 false //숫자 : 양수/음수 면 true, 0은 false //DOM객체 : 객체가 있으면 true, undefind 또는 null 이면 false if(str){ alert("문자열 : "+str+"-"+true);
}else{ alert("문자열 : "+str+"-"+false); } var num = 1000; if(num){ alert("숫자 : "+num+"-"+true);
1. 자바스크립트는 웹 브라우저 상에서 실행되는 스크립트 언어 - HTML만으로 작성되어 정적이기만 한 웹 문서에 JavaScript를 통해 동적인 동작을 추가 할 수 있게 됨 - 마우스의 클릭. 키보드의 입력 뿐 아니라 사용자가 페이지를 열거나 이동할 때를 알아내어 원하는 작업을 수행함