<html>
<head>
<title>Index</title>
<link type="text/css" rel="stylesheet" href="http://firejune.com/css/index.css" />
<!-- 서버와 클라이언트 모두 작동하는 자바스크립트 코드 -->
<script type="text/javascript" runat="both">
function $(id) {
return document.getElementById(id);
}
</script>
</head>
<body onserverload="initContents()" onload="getContents()">
<!-- 컨텐츠가 삽입될 영역 -->
<div id="contents"></div>
<!-- 서버에서만 작동하는 자바스크립트 코드 -->
<script type="text/javascript" runat="server">
function initContents() {
$('contents').innerHTML = "내용물";
}
</script>
<!-- 클라이언트에서만 작동하는 자바스크립트 코드 -->
<script type="text/javascript">
function getContents() {
alert($('contents').innerHTML);
}
</script>
</body>
</html><html>
<head>
<title>Index</title>
<link type="text/css" rel="stylesheet" href="http://firejune.com/css/index.css" />
<!-- 서버와 클라이언트 모두 작동하는 자바스크립트 코드 -->
<script type="text/javascript">
function $(id) {
return document.getElementById(id);
}
</script>
</head>
<body onload="getContents()">
<!-- 컨텐츠가 삽입될 영역 -->
<div id="contents">내용물</div>
<!-- 서버에서만 작동하는 자바스크립트 코드 -->
<!-- 클라이언트에서만 작동하는 자바스크립트 코드 -->
<script type="text/javascript">
function getContents() {
alert($('contents').innerHTML);
}
</script>
</body>
</html>
함수명 '$'는 서버와 클라이언트가 공유하여 사용하고 있고 "runat" 속성을 가진 script 태그는 클라이언트에 넘어와서 자취를 감춥니다. body태그에 삽입된 "onserverload" 속성또한 마찬가지이죠. 아~ 행복해 지려고 해요.
출처 : firejune | http://aptana.com/jaxer
SSISO Community