| 실행 소스 |
|
<?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 no = 1; // 오로지 var 타입의 변수만 존재 function hello() { alert("안니용~!"); // 내장 함수(메소드) // DOM (Document Object Model) : HTML을 Tree형태의 객체 구조화한 것 var target = document.getElementById('target'); alert(target); target.innerHTML = '안녕!!!!'; }
function add() { var target = document.getElementById('gugu');
if(no%10 == 0) { target.innerHTML += "<h5>빠숑</h5>"; }else { target.innerHTML += '<input type="button" value="버튼'+no+'" />'; } no++; }
</script> </head> <body> <h1 id="target"></h1> <input type="button" value="Click" onclick="hello();" /> <!-- on으로 시작하는 속성은 자바스크립트꺼~! --> <div id="gugu" onclick="add();" style='border-style: solid;'> 0 </div>
</body> </html>
|
실행 결과 |
|
0 |
'Dev. 웹 > JavaScript' 카테고리의 다른 글
| [JavaScript 예제] 시간이 흐르는 시간 텍스트 출력하기 (0) | 2012.09.12 |
|---|---|
| [JavaScript 예제] 버튼 클릭시 구구단 출력 (0) | 2012.09.12 |
| jquery 기초 정리 및 예제 (1) | 2012.09.11 |
| 자바스크립트(JavaScript) 작성 가이드라인 (0) | 2012.09.11 |
| 자바스크립트(JavaScript) 기초 (0) | 2012.09.10 |