본문 바로가기

Web/HTML

04.html

04.html

<?xml version="1.0" encoding="EUC-KR" ?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />
<title>자바당</title>
<script type="text/javascript">


//한줄 주석
/* 여러줄 주석*/


var count = 0;    // 자바의 멤버변수 같은 존재

 

function execute(){
 //alert("이건 뭐임?"); //System.out.println과 비슷한 용도로 사용
 //DOM(Document Object Model) 
 var target = document.getElementById("target");
 target.innerHTML +=
 '눌렀당!!!<input type="button" value="버튼'+(count++)+'"/>';           //기존 div 내용이 눌렀당으로 변경 시켜준다.
 document.title = "자바스크립트";                                                 // 타이틀 자바당 -> 자바스크립트로 변경된다.
 //document.write("<h1>a썼음!!!!!</h1>");                                   //전부다 바꿔버리고 이걸로 치워버림
 // window. 은 생략 가능
 var time = document.getElementById("time");
 var d = new Date();
 //time.innerHTML = d.getFullYear()+'년'+(d.getMonth()+1)+'월'+d.getDate()+'일'

+d.getHours()+'시간'+d.getMinutes()+'분'+d.getSeconds()+'초';
 //2012년 7월 23일 12시 20분 00초 (24시간 제로) 형태로 출력
 time.innerHTML = d.toLocaleDateString()+'||'+d.toLocaleTimeString();
}


</script>
</head>
<body>
 <input type = "button" value="눌러요!!!!" onclick="execute();"/>
 <div id="time">
  </div>
 
 <div id="target">
  여기가 타겟!!
 </div>
</body>
</html>

 

'Web > HTML' 카테고리의 다른 글

jq02.html  (0) 2012.07.23
jq01.html  (0) 2012.07.23
03.html  (0) 2012.07.23
01.html  (0) 2012.07.23
02.html  (0) 2012.07.23