JavaScript를 이용해 웹페이지를 다시 띄우지않고 원하는 내용을 추가할수 있다.
바로 DHTML(Dynamic Hyper Text Martup Language)이란 것...!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
function insertText(){
var objDiv = document.getElementById("idDiv");
//1. data
//2. check
//3. process
objDiv.innerHTML = "JavaScript Test"; //innerHTML로 div태그 안에 문자열을 넣는다.
objDiv.style.background = "blue"; //style도 바꿀수 있다.
//4. print
}
</script>
</head>
<body>
<div id="idDiv">
</div>
<input type="button" value="쿨릭" onclick="insertText();">
</body>
</html>
버튼을 클릭하면 JavaScript를 실행하여 내용이 추가되는 간단한 예...
'DHTML' 카테고리의 다른 글
| DHTML 2nd...! (0) | 2009.11.04 |
|---|
