--JavaScript 1일차
1.내용정리
적용범위
-> <Head>,<Body>의 하단 부분에 <script> 태그를 이용해 적용시킬수있다.
-> <script> 스크립트 적용부분 </script>
-> <head>부분에 적용된 <script>는 function을 통해 적용시킬수 있다.
사용방법
-> <head>,<body>의 하단부분, 에 <script>을 작성
- ex)
<head>
<script type="text/javascript">
function myFunction() {
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<div>
<form>
<input type="button" value="문제1" onclick="myFunction(1)"> ->이벤트핸들러
</form>
<p id = "result">데이터</p>
**<p>태그를 이용해 자동실행 ->실행 시 기본 화면은 데이터 이지만 button을 눌러 function으로 진입하여 안에 innerHTML의 데이터로 동적변화 시켜 변경된 내용을 출력 시킨다.
</div>
</body>
//===================================================================================================
작동방법 정리 :
이벤트핸들러를 통해 -> <head>의 function에 접근 -> document의innerHTML의 있는 내용 동적변화출력!
**Java의 Setter,Getter의 비교
Setter = (속성 = 값);
Getter = 객체변수.속성
ex) 객체변수.속성 ="값";
document.getElementById("demo").innerHTML = "Hello JavaScript";
'JavaScript' 카테고리의 다른 글
| Javascript For문을 통한 메세지 저장 (0) | 2015.04.29 |
|---|---|
| Javascript GuGuDan(2가지 방법) (1) | 2015.04.29 |
| Javascript Calculrator (1) | 2015.04.29 |
| 1부터 100까지의 수를 모두 더한 값(5050)을 출력 (2) | 2015.04.29 |
| JavaScript 2일차 (0) | 2015.04.29 |
알 수 없는 사용자